- ARCHIVES
- » I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
- noxs
- » FTalkGeek
1377
0
1969-12-31
I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
I just wanna share how to make your header look more coolest.....i just tweak the
code from [b] to put image in header[/b]..... 
the deferent with the other code is.....i put the width to auto.....to make the image i have make be
look center.........if everyone have know this code so i give credits for all forum here 
......and if this code
have posted already.....just closed this thread oyeah!!!!!!!
for the preview visit my profile using FFox.....[url=http://profiles.friendster.com/xinoxs][b]XINOXS[/b][/url]
the codes is
[quote]/*************header***********/
.commonbox h1, .commonbox h2 {
color: [b]#ffffff[/b]; text-align: center;
font-size: 12px;
width: auto;
background-image:url([b]URL IMAGE HEADER[/b]);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: [b]#b3b3b3 4px double[/b];}[/quote]
copy n paste into your external css.....if you all have the old image header code
just replace it to the that code....and the value of bold just change in your taste......
look the [b]border-bottom: #b3b3b3 4px double[/b] you can removed it if u want......or u can adjust it into
[b]solid, groove, ridge,[/b] etc....
so i give some coolest image header i have make it using photoshop.......you all also can design with your
own style......
[spoiler][url=http://i193.photobucket.com/albums/z39/xinoxs/header4.jpg][b]HEADER 1[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/emirheader-1.jpg][b]HEADER 2[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/aduh-3.jpg][b]HEADER 3[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/der-2.png][b]HEADER 4[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/antu.png][b]HEADER 5[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/he.jpg][b]HEADER 6[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/kawaihed.jpg][b]HEADER 7[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header6.jpg][b]HEADER 8[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/kawai2.jpg][b]HEADER 9[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/header72.gif][b]HEADER 10[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header8.gif][b]HEADER 11[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header9.jpg][b]HEADER 12[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/header10.jpg][b]HEADER 13[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header11.jpg][b]HEADER 14[/b][/url] [url=http://www.geocities.com/iwan_125z/cikai/hed2.png][b]NEW HEADER 15[/b][/url][/spoiler]
I will update the image header.......if this code all of you like it......
the deferent with the other code is.....i put the width to auto.....to make the image i have make be
look center.........if everyone have know this code so i give credits for all forum here ......and if this code
have posted already.....just closed this thread oyeah!!!!!!!
for the preview visit my profile using FFox.....[url=http://profiles.friendster.com/xinoxs][b]XINOXS[/b][/url]
the codes is
[quote]/*************header***********/
.commonbox h1, .commonbox h2 {
color: [b]#ffffff[/b]; text-align: center;
font-size: 12px;
width: auto;
background-image:url([b]URL IMAGE HEADER[/b]);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: [b]#b3b3b3 4px double[/b];}[/quote]
copy n paste into your external css.....if you all have the old image header code
just replace it to the that code....and the value of bold just change in your taste......
look the [b]border-bottom: #b3b3b3 4px double[/b] you can removed it if u want......or u can adjust it into
[b]solid, groove, ridge,[/b] etc....
so i give some coolest image header i have make it using photoshop.......you all also can design with your
own style......
[spoiler][url=http://i193.photobucket.com/albums/z39/xinoxs/header4.jpg][b]HEADER 1[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/emirheader-1.jpg][b]HEADER 2[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/aduh-3.jpg][b]HEADER 3[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/der-2.png][b]HEADER 4[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/antu.png][b]HEADER 5[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/he.jpg][b]HEADER 6[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/kawaihed.jpg][b]HEADER 7[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header6.jpg][b]HEADER 8[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/kawai2.jpg][b]HEADER 9[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/header72.gif][b]HEADER 10[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header8.gif][b]HEADER 11[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header9.jpg][b]HEADER 12[/b][/url]
[url=http://i193.photobucket.com/albums/z39/xinoxs/header10.jpg][b]HEADER 13[/b][/url] [url=http://i193.photobucket.com/albums/z39/xinoxs/header11.jpg][b]HEADER 14[/b][/url] [url=http://www.geocities.com/iwan_125z/cikai/hed2.png][b]NEW HEADER 15[/b][/url][/spoiler]
I will update the image header.......if this code all of you like it......
Last edited by noxs (2008-09-16 22:27:03)
 |
- goodboy321
- » n00b
- 12
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
4 the 1st comment....
nice dude.... 
|
- angelalaine
- » FTalkManiac
- 860
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
Cool thanks for this
|
- lilprincess950
- » FTalkManiac
- 771
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
3rd to comment....Thanks for the tweak!
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
bring it on buddy..cheers!
go tcool tweak in here...
|
- Refresh/Reload
- » FTalkAddict
- 332
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
just sharing...
you can also break the codes for each headers so
you can apply different headers...
[quote].commonbox h1 {
color: #ffffff; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #b3b3b3 4px double;
}
.commonbox h2 {
color: #000000; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #3b3b3b 4px double;
}[/quote]
and for individual headers.. just add h2 to the box id
and change it at ur liking...
example: if you want your public comments box
to be different on other boxes you've already tweak..
[quote].publiccomments h2{
color: #000000; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #3b3b3b 4px double;
}
/*[b]then put different colors,text,borders,bkgd image, etc.[/b]*/[/quote]
and for your sidebars... look for your sidebar id
then apply the codes...
ex... if your [b]CBox[/b] id is [b]myCBox[/b]... do this...
put in ur css file...
[quote]#myCBox h2 {
[b]CSS CODES HERE[/b]
}[/quote]
that's it
Last edited by Refresh/Reload (2008-01-13 23:32:17)
|
- kyuubi_naruto91
- » FTalker
- 291
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
great codes , tnx for sharing it!
.......
.......
|
- kyosuke1981
- » n00b
- 66
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
hey..this one's cool...saw your profile last time......i was thinking how do you done it...
hehehe...just keep up men....
|
- ﻱόρнįżт
- » n00b
- 73
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
kewl can u make pink header
|
- noxs
- » FTalkGeek
- 1377
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
[b]refesh/reload[/b]
your are alright we can separate that code for each box header...... thank for
the sharing code......
n thank for the support
i have put 2 more image header i have make.....enjoy it hahahahkhkahkahka
n thank for the support
i have put 2 more image header i have make.....enjoy it hahahahkhkahkahka
|
- kyuubi_naruto91
- » FTalker
- 291
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
hey noxs can u make it headers is
a pure blue theme?
|
- noxs
- » FTalkGeek
- 1377
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
[quote=kyuubi_naruto91]hey noxs can u make it headers is
a pure blue theme?[/quote]
can.......u want to put into your profile or not......if you want to put into your profiile i must see first
your profile.....to make sure i using the right color hakahkakahka.......or if u dont want to give me see your
profile u can give me hex color
exple: [b]#79ADD2 [/b].....more than one u give its ok......i will try.....
|
- pinkish-majo
- » n00b
- 21
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
wow!!! tnx for the code but can i have a request?? can u make a purple and pink header?? .gif)
|
- slashedkite
- » FTalkManiac
- 973
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
nice cool headers..
thanks for sharing this one..
|
- kyuubi_naruto91
- » FTalker
- 291
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
@ noxs
a gif's header i mean
can you make it? 
but pure blue theme
here's the hex
[b]0000FF
33CCFF
6600FF[/b]
but pure blue theme
here's the hex
[b]0000FF
33CCFF
6600FF[/b]
|
- fRiendlyeMo
- » FTalkAddict
- 310
- 0
- 1969-12-31
Re: I just wanna share how to make your header look more coolest.....i just tweak the code from [b] to put image in header[/b]..... =) the deferent with the other code is.....i put the width to auto....
[b]i like the header bacground...
did u made that....
awesome...
thx 4 sharing...[/b]
did u made that....
awesome...
thx 4 sharing...[/b]
|