RAJAKADAL FORUM - Tempat Berbagi Info, Ilmu dan Diskusi
 
IndeksIndeks  PortalPortal  PencarianPencarian  PendaftaranPendaftaran  Login  

Share | 
 

 CSS codes for customizing forum phpbb3 version

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
RajaKadal
Admin Jancok
Admin Jancok


Jumlah posting : 532
Join date : 14.08.10
Age : 31
Lokasi : Depan Si Kokom

PostSubyek: CSS codes for customizing forum phpbb3 version   Fri 30 Sep - 18:32

CSS to customize the header (header):

Code:
.headerbar {
background-color: transparent;
background-image: url('LINK IMAGINE');
height: 170px;
background-position: top;
background-repeat: no-repeat;
}


Information:
Spoiler:
 


Customizing background Forum:
Code:
body {
background-color: #FFFFFF;
background-Image: url('LINK IMAGINE');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
}


Information:
Spoiler:
 
und


Background image from within the forum:
Code:
#wrap {
background-attachment: fixed;
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}


Information:
Spoiler:
 


Background image to menu (only the menu!):
Code:
div#page-header div.navbar {
background-image: url('URL IMAGE' );}



Transform menu in a dynamic menu (works only if you have pictures in the menu):
Code:
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
position: relative;
top: -2px;}


Information:
Spoiler:
 


Customizing the search box:
Code:
#search-box #keywords {
width: 95px;
background-color: #ffffff;
}

input.search {
background-image: url('http://illiweb.com/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}


Information:
Spoiler:
 


Hide the search box:
Code:
#search{
display:none;
}


CSS to customize the message on the homepage:
Code:
.introduction {
background-image: url('URL IMAGE);
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;}

.introduction .h3 {
background-image: url("URL IMAGE");
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;
padding: 5px;
border-bottom: 0px solid #000000;
}


Information:
Spoiler:
 

Read More.. 8)

_________________
Kembali Ke Atas Go down
http://red-creatives.com
 

CSS codes for customizing forum phpbb3 version

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

 Similar topics

-
» Javascript: Memasukkan tooltip di forum [All version]
» CBR 600RR Euro Version (no limiter) 2011 hitam mulus
» [Tutorial] Cara membuat forum forumotion
» Forum untuk perkuliahan
» Tukeran No HP yuk...
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
RajaKadal Forum :: Kadal In Web & Design-
Navigasi: