- ARCHIVES
- » how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
#181 2008-05-04 03:11:51
#182 2008-05-05 03:09:58
#183 2008-05-14 03:51:55
#184 2008-05-14 03:55:21
- cypnet
- » FTalker
165
0
1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
[quote=xhaitut]
[/quote]
[i]This is considered as[/i] [b]SPAM.[/b]
[/quote]
[i]This is considered as[/i] [b]SPAM.[/b]
 |
#185 2008-05-15 00:49:12
#186 2008-05-17 04:12:16
- chinotan0628
- » FTalker
- 133
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
wow! thanks for this tutorial it helped alot
it helped alot
|
#187 2008-05-18 03:20:24
#188 2008-05-20 09:08:20
#189 2008-05-20 12:24:19
- yani_den19
- » n00b
- 2
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
CAN YOU GIVE ME SOME EXAMPLE OF A WHOLE css code w'c can be paste in the <head> part..i am so confused!
|
#190 2008-05-20 22:29:20
- ♥ChaRLenE♥
- » n00b
- 5
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
Not for newbies.,..u must specify the exact location whrere will we paste the codes!!!! Not good!
|
#191 2008-05-20 22:30:54
- ♥ChaRLenE♥
- » n00b
- 5
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
I cant understand! It isnt clear 4 the newbies...for example,,this codes...<TABLE WIDTH="729" BGCOLOR="#FFCCCC" ALIGN="center" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<TR>
<TD>1</TD>
</TR>
<TR>
<TD>2</TD>
</TR>
</TABLE>
where will i paste that!!! in what part ???
|
#192 2008-05-20 22:31:26
- LheN_15
- » FTalkAddict
- 498
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
[quote=switpotato]many thanks annabanana... this is the best way
i c0me 0ut t0 b useful in this f0rum n0t juz being negative critics...
0r rippers 0f s0me0ne c0des.. making versi0n 0ut 0f s0me0ne c0des..L0L..
h0pe they ask permissi0n 1st...
n0w aint that intriguing..hayysss...
anywayz... many thanks again...[/quote]
ooppsss..!!..
please avoid writing in StiCkY CapS...
@topic,tnx 4 sharing it..
gud 4 newbies..
@graceinah please speak in english
@♥charlene♥ do not post in double
@yani_den19 please avoid in ALL CAPS
@dragavs a very warm Goodluck...
Last edited by LheN_15 (2008-05-20 22:37:03)
|
#193 2008-05-21 08:13:30
- ewenessgALLore
- » FTalkManiac
- 934
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
[quote=dragavs]im gonna study all this huhu i cant understand very wl[/quote]
`just try and try..until you get it!
just like me..i tried my very best!
[quote=graceinah]san po mkkita ung geocities acct..?...[/quote]
`please next time..try to use
in english! ok?!
`[url=http://www.geocities.com/]Click Me Baby[/url]
^NOTE: do you have an e-mail add?
if yes..just log-in ahead..
if no..of course!you have to sign up buddy! 
[quote=yani_den19]CAN YOU GIVE ME SOME EXAMPLE OF A WHOLE css code w'c can be paste in the <head> part..i am so confused![/quote]
[quote]<style type="text/css">
A:link
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:visited
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:active
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:hover
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000;
background-image: url(yourimage.gif);
background-color: #000000;
(Warning: the following cursor attribute is for those who use IE only!)
cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize]
cursor: url('yourdomain.com/cursor.ani');}
h1 {font-family: value; [your font name for headers (arial, verdana, etc.)]
color: value; [your font color (#000000)] }
p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)]
color: value; [your font color (#000000)] }
body
{ background: #000000;
background-image: url(value); [url of background image to be used, i.e. background.gif]
background-repeat: value; [repeat, no-repeat, repeat-x, repeat-y]
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: value; [scroll, fixed]
font-family: value; [your font name]
color: #000000 ;
letter-spacing: value; [any number value (3pt, 5pt)]
font-weight: value; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]
direction:rtl; [this reverses the entire site so the scrollbar is on the left]
(Warning: the following scrollbar attribute is for those who use IE only!)
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
td
{ font-family: value; [your font name]
color: #000000;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }
input, textarea
{ background: #000000 url(yourimage.gif);
font-family: value; [your font name]
color: #000000;
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: #000000;
border-width: valuepx; [numerical value, 5, 6, 8...] }
</style>[/quote]
`thanks to ms. switpotato for this one..
`next time..try not to be dull..
`use the search button..ok??
`NOTE:avoid using all caps..
[quote=♥ChaRLenE♥]Not for newbies.,..u must specify the exact location whrere will we paste the codes!!!! Not good![/quote]
`grrr.. 
don't be a **********
`you are going to paste this one
in notepad..if you're not yet good in html
better study first!
`eemm..this tuts is for newbies
and especially for those people who likes
to make an overlay layout without an
adobe photoshop..
`NOTE:don't double post..
[quote=graceinah]san po mkkita ung geocities acct..?...[/quote]
`please next time..try to use
in english! ok?!
`[url=http://www.geocities.com/]Click Me Baby[/url]
^NOTE: do you have an e-mail add?
if yes..just log-in ahead..
if no..of course!you have to sign up buddy!
[quote=yani_den19]CAN YOU GIVE ME SOME EXAMPLE OF A WHOLE css code w'c can be paste in the <head> part..i am so confused![/quote]
[quote]<style type="text/css">
A:link
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:visited
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:active
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:hover
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000;
background-image: url(yourimage.gif);
background-color: #000000;
(Warning: the following cursor attribute is for those who use IE only!)
cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize]
cursor: url('yourdomain.com/cursor.ani');}
h1 {font-family: value; [your font name for headers (arial, verdana, etc.)]
color: value; [your font color (#000000)] }
p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)]
color: value; [your font color (#000000)] }
body
{ background: #000000;
background-image: url(value); [url of background image to be used, i.e. background.gif]
background-repeat: value; [repeat, no-repeat, repeat-x, repeat-y]
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: value; [scroll, fixed]
font-family: value; [your font name]
color: #000000 ;
letter-spacing: value; [any number value (3pt, 5pt)]
font-weight: value; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]
direction:rtl; [this reverses the entire site so the scrollbar is on the left]
(Warning: the following scrollbar attribute is for those who use IE only!)
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
td
{ font-family: value; [your font name]
color: #000000;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }
input, textarea
{ background: #000000 url(yourimage.gif);
font-family: value; [your font name]
color: #000000;
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: #000000;
border-width: valuepx; [numerical value, 5, 6, 8...] }
</style>[/quote]
`thanks to ms. switpotato for this one..
`next time..try not to be dull..
`use the search button..ok??
`NOTE:avoid using all caps..
[quote=♥ChaRLenE♥]Not for newbies.,..u must specify the exact location whrere will we paste the codes!!!! Not good![/quote]
`grrr.. don't be a **********
`you are going to paste this one
in notepad..if you're not yet good in html
better study first!
`eemm..this tuts is for newbies
and especially for those people who likes
to make an overlay layout without an
adobe photoshop..
`NOTE:don't double post..
|
#194 2008-05-26 11:04:15
- rai_riyu
- » n00b
- 13
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
Thank you for this wonderful tutorial... I'm now beginning to understand how to make an overlay:D
|
#195 2008-05-26 15:06:08
#196 2008-05-26 21:38:42
- blue_mercury
- » n00b
- 74
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
i suggest to use image ready from adobe..its easy to use just do the cutting....
|
#197 2008-05-27 00:47:20
- switpotato
- » FTalkGeek
- 1027
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
lol mercury cant u read the title...
cant u gasp the topic purpose.. toinkzzz...
|
#198 2008-05-27 08:37:08
![;]](img/smilies/wink.gif)
#199 2008-05-27 14:41:45
#200 2008-05-28 08:53:49
- chinotan0628
- » FTalker
- 133
- 0
- 1969-12-31
Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]
I dont know why but i always see this thread...
|