AimooHelpForum Aimoo Forum List | Ticket | Today | Member | Search | Who's On | Chat Room | Photos | Help | Sign In | |
Title: BANNERS
friendsoffortiesfive > General > Games Go to subcategory：
Author Content
Zenith
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Date Posted：03/12/2023 3:57 PMCopy HTML

CONCEIVE, BELIEVE, ACHIEVE!
Zenith #26
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/20/2023 11:59 AMCopy HTML

Good one, Joe!
Zenith #27
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/20/2023 1:01 PMCopy HTML

 
*** JOE ***
CONCEIVE, BELIEVE, ACHIEVE!
Niceguy2 #28
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/21/2023 2:20 AMCopy HTML

 
*** JOE ***
Niceguy2 #29
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/21/2023 2:30 AMCopy HTML

Thanks Dave!  Yours are looking good!
Zenith #30
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/26/2023 9:07 PMCopy HTML

*** JOE ***


** MIKE **


*** JOE ***


*** JOE ***


*** JOE ***
CONCEIVE, BELIEVE, ACHIEVE!
Zenith #31
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/26/2023 9:10 PMCopy HTML

Try making that super-hero one, and you can color the background. Needs png's with invisible parts on bkg.
Zenith #32
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/26/2023 9:29 PMCopy HTML

Use code below and modify it for layout and colors, to make PLAIN BANNER IMAGE WITH NO NAME ON IT, like  this.

Images need to be in same folder as code.

Call code  "makebanner.HTM".

Click HTM then CTRL-PRINTSCREEN into PAINT once you get it looking good.

Then crop, save, and host it.


Will be used as bkg in what you normally post as a banner.

For example, Garfield would be ...

background-image:url('https://iili.io/Q8YsiG.gif');

to replace what is in there now.


<br /><br /><br />

<div style="
margin:0px auto;
text-align:center;
width:700px;
height:auto;
border:10px ridge #008080;

background:linear-gradient
(to right, #55cccc,#55cccc,#99ffcc,#99ffcc,
#99ffcc,#55cccc,#55cccc);

">

<div style="height:5px;"></div>
<img src="yourpic-L.png">
<img src="scroll.png">
<img src="yourpic-R.png">
<div style="height:5px;"></div>

</div>



CONCEIVE, BELIEVE, ACHIEVE!
Niceguy2 #33
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/27/2023 2:58 AMCopy HTML

Those are beautiful, Dave.  Yes, a transparent background on the jpegs is a necessity.  Thanks for the tips!
Zenith #34
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/27/2023 4:47 AMCopy HTML

All this code does is fiddle the NAME color, size, shadow, and style,

and selects bkg pic.

Bkg color is done with makebanner.HTM as shown previously.


<!-- YOUR NORMAL RENAME-IT BANNER CODE -->

<!-- Replace url with your new hosted bkg pic.
Make main div's height and width match
scroll size of bkg image. Can adjust font-size. 
You know enough now to change whatever you like,
such as font-family, etc. Experiment! -->

<div style="
margin:0px auto;
text-align:center;
font-family:'Times New Roman';
font-weight:900;


width:500px;
height:180px;
font-size:36px;
background-image:url('https://iili.io/H8Wy4Ie.jpg');


background-size:100% 100%;
">

<!-- use this div to position NAME from top -->
<div style="height: 58px;"></div>

<!-- your normal stuff below 
that you are used to fiddling with.
Shadow #FF9933; is orange mist color instead of blue,
to match scroll color better.
Change to #FFFFFF if white scroll is used-->

<em style="color:#ff9933;
font-weight:900;
text-shadow:-1px 0 black,0 1px black, 1px 0 black,
   0 -1px black, 0 0 30px #FF9933;
">
***&nbsp;JOE&nbsp;***
</em>

</div>
CONCEIVE, BELIEVE, ACHIEVE!
Zenith #35
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/27/2023 4:54 AMCopy HTML

Above tut code produces:



*** JOE ***


onto


CONCEIVE, BELIEVE, ACHIEVE!
Niceguy2 #36
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/27/2023 6:22 AMCopy HTML

Looks good.

 

I had some trouble with the Amontilado post.  It still isn't right.  I just got tired of fooling with it, for now. If you want to fix it, I'd be much obliged.  See my post in that thread.
Zenith #37
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/27/2023 11:58 AMCopy HTML

I just noticed FONT-WEIGHT:900; twice in the code.

I think one can be left out. Try it and see.


Will check Amontillado.

CONCEIVE, BELIEVE, ACHIEVE!
Niceguy2 #38
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/28/2023 2:15 AMCopy HTML


*** JOE ***


Yep, I deleted one instance of "Font weight=900"

It seems to work.
Zenith #39
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/28/2023 9:28 PMCopy HTML

*** JOE ***


Kind of clunky. I think this one failed!

CONCEIVE, BELIEVE, ACHIEVE!
Zenith #40
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/28/2023 11:37 PMCopy HTML


This is an image, not code.

CONCEIVE, BELIEVE, ACHIEVE!
Zenith #41
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/28/2023 11:50 PMCopy HTML

 
Have a
nice day!


Now it has name code on the image.

Could have him holding a banner,

but has to be merged in PAINT or other image ed.

CONCEIVE, BELIEVE, ACHIEVE!
Zenith #42
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/29/2023 12:00 AMCopy HTML

OK, I uploaded my png instead of having it local on my comp.

That means you can scan the code here IN THIS POST ONLY

and change bkg gradient.
Zenith #43
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/29/2023 1:03 AMCopy HTML

Bad news. The gradient is the background, which I can write on.

The image is now like a blocker, and I can't write on it, since we can't have 2 bkgs.


The way I did it with the "Have a nice day" was to make a pic on my comp with a gradient and hosted it as a background.

Here's the best we can do with this setup above.



*** JOE ***
Zenith #44
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/29/2023 2:06 AMCopy HTML

OK, I made another box to have second bkg.






*** JOE ***

CONCEIVE, BELIEVE, ACHIEVE!
Niceguy2 #45
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/29/2023 3:19 AMCopy HTML

Looks like you spent a lot of time on it.  Time passes quickly when doing things like this, I know.
Zenith #46
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/29/2023 10:54 AMCopy HTML

<!-- Can be adapted to any bkg pic. Put gradient on one line. -->

<div style="

width:700px;
height:860px;

margin:0px auto;
text-align:center;
padding-left:40px;
padding-right:40px;
border:15px ridge rgb(255, 204, 0);

background:transparent linear-gradient
(to right bottom, rgb(153, 0, 153), rgb(255, 255, 0), 
rgb(255, 153, 51), rgb(255, 0, 0)) repeat scroll 0% 0%;
">

<br>

<p style="

width:100%;
height:740px;

background-image:url('https://iili.io/H8tLAQt.png');
background-size:100% 100%;

font-family:courier new;
font-size:42px;
font-weight:900;
color:#f30803;

text-shadow:-1px 0 black,0 1px black,
 1px 0 black, 0 -1px black, 0 0 30px #FF9900;
">

<br><br><br><em>***&nbsp;JOE&nbsp;***</em>

</p>

</div>
Niceguy2 #47
  • Rank：Diamond
  • Score：338550
  • From：USA
  • Register：01/12/2009 5:00 AM

Re：BANNERS

Date Posted：04/30/2023 3:09 AMCopy HTML





*** JOE ***
Zenith #48
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/30/2023 12:23 PMCopy HTML





*** JOE ***


CONCEIVE, BELIEVE, ACHIEVE!
Zenith #49
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/30/2023 12:24 PMCopy HTML

Crap : ... get rid of TRANSPARENT linear-gradient.

Have to adjust height somewhere to reduce the bottom area.
Zenith #50
  • Rank：Emerald
  • Score：89070
  • From：Canada
  • Register：07/31/2019 10:06 PM

Re：BANNERS

Date Posted：04/30/2023 1:02 PMCopy HTML

This one has 3 BR between sections ... will try extra DIV HEIGHT to replace them for finer control.








*** JOE ***


CONCEIVE, BELIEVE, ACHIEVE!
Copyright © 2000- Aimoo Free Forum All rights reserved.
Skin by SandhillsDebby - Elements from DivaAmyMarie.blogspot.com