HCJT
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HCJT


 
AnasayfaLatest imagesKayıt OlGiriş yap

 

 PhpBB3 sürümü forumu özelleştirmek için CSS kodları

Aşağa gitmek 
2 posters
YazarMesaj
TNT
Alışan Üye
Alışan Üye
TNT


<b>Cinsiyet</b> Cinsiyet : Erkek
Nerden : Evden:))
Lakap : bilmem
Mesaj Sayısı : 73

PhpBB3 sürümü forumu özelleştirmek için CSS kodları Empty
MesajKonu: PhpBB3 sürümü forumu özelleştirmek için CSS kodları   PhpBB3 sürümü forumu özelleştirmek için CSS kodları EmptyPaz Ocak 17, 2010 3:28 pm

CSS header (başlık) özelleştirmek için:
Code: Kod:
Kod:
.headerbar {
background-color: transparent;
background-image: url('LINK IMAGINE');
height: 170px;
background-position: top;
background-repeat: no-repeat;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-color = background color of the header başlığının background-color = arka plan rengini
background-image = background image header background-image = arka plan görüntüsü başlık
height = height header height = yükseklik başlık
background-position = position background background-position = pozisyon arka plan
background-repeat = repeat background header (reapet for repeat and
no-repeat so as not to repeat) background-ve hiç tekrar için (reapet =
tekrar geçmiş başlık repeat-böylece tekrarlamak için değil tekrar)




Customizing background Forum: Forum arka plan Özelleştirme:
Code: Kod:
Kod:
body {
background-color: #FFFFFF;
background-Image: url('LINK IMAGINE');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-color = background color background-color = arka plan rengini
background-image = background image background-image = arka plan görüntüsü
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
background-attachment
= attachment background (fixed to lock and scroll to the background
image to scroll along with the rest of the page)
background-attachment = eki arka plan (kilit ve arka plan görüntüsü
için sayfanın geri kalanı ile birlikte ilerlemek için kaydırma sabit)
background-position = position background background-position = pozisyon arka plan




Background image from within the forum: Forumu içinden Arkaplan resmi:
Code: Kod:
Kod:
#wrap {
background-attachment: fixed;
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-attachment
= attachment background (fixed to lock and scroll to the background
image to scroll along with the rest of the page)
background-attachment = eki arka plan (kilit ve arka plan görüntüsü
için sayfanın geri kalanı ile birlikte ilerlemek için kaydırma sabit)
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
background-position = position background background-position = pozisyon arka plan



Background image to menu (only the menu!): Menü (sadece menü Arkaplan görüntüsü!):
Code: Kod:
Kod:
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): Dinamik bir menüde menü Dönüşümü (yalnızca menüsündeki
resimleri var) çalışır:
Code: Kod:
Kod:
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: Bilgi:
Spoiler: Spoiler:
Alıntı:
ul.linklist Li img = images before making contact with mouse ul.linklist Li fare temas yapmadan önce = images img
ul.linklist Li img: hover = images having contact with mouse ul.linklist Li img: hover = images fare ile olan iletişim
opacity = opacity opacity = opacity
ul.linklist Li img: hover => top = the displacement of images in
contact with mouse ul.linklist Li img: hover fare ile temas
görüntülerin => üst = deplasman

This code does not work in Internet Explorer! Bu kod Internet Explorer'da çalışmıyor!



Customizing the search box: Arama kutusu Özelleştirme:
Code: Kod:
Kod:
#search-box #keywords {
width: 95px;
background-color: #ffffff;
}

input.search {
background-image: url('https://2img.net/i/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
# search-box # keywords: # Search-box # anahtar kelimeler:
width = width keyword box width = genişliği anahtar kelime kutusu
background-color = background image of the keyword box Anahtar kelime kutusunun background-color = arka plan görüntüsü

input.search: input.search:
background-image = image which is magnifying the keyword box hangi
anahtar kelime kutusuna büyütme olduğunu background-image = resim
padding-left = space that is magnifying the keyword box padding-o anahtar kelime kutusuna büyütme olduğunu = boşluk bıraktı



Hide the search box: Arama kutusu gizle:
Code: Kod:
Kod:
#search{
display:none;
}


CSS to customize the message on the homepage: CSS ana sayfasında mesaj özelleştirmek için:
Code: Kod:
Kod:
.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: Bilgi:
Spoiler: Spoiler:
Alıntı:
. . Introduction (message structure) Giriş (mesaj yapısı)
background-image
= image fundal.Daca do so that does not happen again and keep the
background position, you can put wallpaper in title (including covering
over message) background-image = resim fundal.Daca böylece
tekrarlanamaz yapar ve arka plan konumunu korumak, sen başlığı duvar
kağıdı koyabilirsiniz (mesaj kapsayan dahil)
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
background-position = position background background-position = pozisyon arka plan
background-color = background color of the message on the home page Ana sayfadaki mesajın background-color = arka plan rengini
color = color of the text of the message from the home page ana sayfasından mesajın metninin color = renk

. . introduction. giriş. h3 (message title) h3 (mesaj başlığı)
background-image = Background image (it does not reach over the
message) background-image = Arkaplan görüntüsü (bu mesaj üzerine)
ulaşamıyor
background-repeat = repeat background (reapet for
repeat and no-repeat so as not to repeat) background-ve hiç tekrar için
(reapet = repeat background repeat-böylece tekrarlamak için değil
tekrar)
background-position = position background background-position = pozisyon arka plan
background-color = background color Title background-color = arka plan rengini Başlığı
color = color of title başlığın color = renk
padding = height space for title başlık için dolgu alanı = yükseklik
border-bottom = line that separates from the rest of the message (I
selected 0px, so not to appear). border-bottom = satır mesajın geri
kalanından ayıran (I 0px seçilmiş, bu yüzden görünmesi için). You can
change the color of them all here. Burada tüm bunların rengini
değiştirebilirsiniz.



CSS
to hide the Last visit was Thursday, July 16, 2009 - 13:56, new
messages, posts, messages that did not answer, Mark all forums read:
CSS idi Perşembe Son ziyaret gizlemek için, 16 Temmuz 2009 - 13:56,
yeni mesajlar, mesaj, yani Tüm forumları okunmuş cevap vermedi
mesajları:
Code: Kod:
Kod:
.linklist {
display:none !important;}

.right, .rightside {
display:none !important;}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span,

dd.moderation span {display:none !important;}


Background image from tables: Tablolardan Arkaplan resmi:
Code: Kod:
Kod:
li.row {background-image: url('URL IMAGE');}


Hover at tables: Hover masalarda:
Code: Kod:
Kod:
li.row:hover {
background: url('URL IMAGE');
background-position: center;
background-repeat: no-repeat;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-position = position background background-position = pozisyon arka plan
background-repeat = background-repeat = repeat background (reapet for
repeat and no-repeat so as not to repeat) background-böylece
tekrarlamak için) = background-= repeat background repeat repeat için
(reapet ve no-tekrarlamayın tekrar




Customizing legend: Legend Özelleştirme:
Code: Kod:
Kod:
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('URL IMAGE');
text-align: center;
padding: 24px 0;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-position = position background background-position = pozisyon arka plan
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
text-align = position legend text-align = pozisyon efsanesi
padding = space for the legend Efsaneye için padding = boşluk



Customizing legend private messages: Özelleştirme efsanesi özel mesajlar:
Code: Kod:
Kod:
ul#privmsgs-menu {ul#picture_legend{
background-position: center;
background-repeat: no-repeat;
background-image: url('URL IMAGE');
text-align: CENTER;
padding: 24px 0;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-position = position background background-position = pozisyon arka plan
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
text-align = position legend text-align = pozisyon efsanesi
padding = space for the legend Efsaneye için padding = boşluk

Wallpaper of links to copyright: Telif bağlantılar duvar kağıdı:
Code: Kod:
Kod:
div#page-footer ul.linklist {
background-image: url('URL IMAGE');
background-position: 0 100%;}
Footer background image of site: Site Footer arka plan görüntüsü:
Code: Kod:
Kod:
div#page-footer {
background-image: url('URL IMAGE');
background-position: bottom center;
background-repeat: no-repeat;
padding: 15px;}
Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-position = position background background-position = pozisyon arka plan
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
padding
= distance between copyright and links footer background image of site
telif hakları ve site bağlantıları altbilgi arka plan görüntüsü
arasındaki mesafe padding =




Customizing widgets: Özelleştirme widget:
Code: Kod:
Kod:
.module {
background-image: url('URL IMAGE');
background-repeat: no-repeat;
background-position: top center;
border: 1px solid BLACK;}

.module .h3 {
color: white;}
Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
. . modules modüller
background-image = image background marked titlurilor.Datorita
position, the image appears up the widgets, meaning the title.
background-image = Arka plan görüntüsünü titlurilor.Datorita konumunu
işaretlenmiş, resim, başlık anlam widget belirir.
background-repeat = repeat background (reapet for repeat and no-repeat
so as not to repeat) background-ve hiç tekrar için (reapet = repeat
background repeat-böylece tekrarlamak için değil tekrar)
background-position = position background background-position = pozisyon arka plan
Widgets border = contour and its color Widgets border = kontur ve renk
. . modules. modülleri. h3 h3
color = color titlulilor Widgets color = renk titlulilor Widgets



CSS background image to a message: Bir mesajı CSS arka plan görüntüsü:
Code: Kod:
Kod:
.post {
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-repeat
= repeat background (reapet for repeat and no-repeat so as not to
repeat) background-ve hiç tekrar için (reapet = repeat background
repeat-böylece tekrarlamak için değil tekrar)
background-position = position background background-position = pozisyon arka plan
CSS background image of the post box: Posta kutusunun CSS arka plan görüntüsü:
Code: Kod:
Kod:
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea{
background-image:url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-repeat
= repeat background (reapet for repeat and no-repeat so as not to
repeat) background-ve hiç tekrar için (reapet = repeat background
repeat-böylece tekrarlamak için değil tekrar)
background-position = position background background-position = pozisyon arka plan



CSS to customize code and spoiler sites: CSS kodu ve spoyler sitelerini özelleştirmek için:
Code: Kod:
Kod:
dl.codebox {
padding: 3px;
background-color: lightyellow;
border: 1px solid #C9D2D8;
font-size: 1em;
}

dl.codebox dt {color: purple;}

.codebox dd {color: brown;}

dl.codebox code {color: darkgrey;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
dl.codebox dl.codebox
padding = Title code space / spoiler's padding = Başlık kodu alanı / spoiler's
background-color = background color code / spoiler's background-color = arka plan renk kodu / spoiler's
border = outline code / spoiler site and its color border = anahat kodu / spoiler site ve renk
font-size: Text size code / spoiler's font-size: Metin boyutu kodu / spoiler's

dl.codebox dt dl.codebox dt
Title color = color code / spoiler's Title color = renk kodu / spoiler's

. . codebox dd codebox dd
color = text color spoiler's color = metin rengi spoyler's

dl.codebox code dl.codebox kodu
color = text color code color = metin renk kodu
Customizing buttons Origin Forum (ex Kökenli Forum düğmelerini özelleştirme (ex [You must be registered and logged in to see this image.] ): ):
Code: Kod:
Kod:
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('URL IMAGE');
background-repeat: repeat;
font-family: comic sans ms;
color: #000000;}
Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-repeat
= repeat background (reapet for repeat and no-repeat so as not to
repeat) background-ve hiç tekrar için (reapet = repeat background
repeat-böylece tekrarlamak için değil tekrar)
font-family = font text font-family = font metin
color: color of text color: Metnin rengini
Change Forum at the home button Mause's position over: Değişim Forum üzerinden ev düğmesini Mause's konumunda:
Code: Kod:
Kod:
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url('URL IMAGE');
background-repeat: repeat;
}


Change the picture is next to a topic page with several pages Resmi değiştirme konu sayfaya birkaç sayfa ile yanındaki
Code: Kod:
Kod:
.row .pagination {
background: url('URL IMAGE') 0 50% no-repeat;
}


Customizing user's profile information: Kullanıcının profil bilgilerini Özelleştirme:
Code: Kod:
Kod:
.postprofile {
color: #000000;
text-align: center;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
color = color of text in profile profil metnin color = renk
text-align = position text in profile (left center right) metin-() merkez sol, sağ profilde = pozisyon metni hizalamak



Changing the color profile link to profile members of the message: Renk profili bağlantısını değiştirme mesajın üye Profil:
Code: Kod:
Kod:
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #000000;}


Change color / image background chatbox site: Değiştirmek renkli / Arka plan görüntüsünü chatbox sitesi:
Code: Kod:
Kod:
body.chatbox {
background-image: url('URL IMAGE');
background-color: black;}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
background-image = image's background chatbox background-image = resmin arka chatbox
background-color = background color's chatbox background-color = arka plan rengini's chatbox




Color rows that appear in messages / the author and time of posting the
chatbox: Renk satırları mesajları görünür / yazar ve chatbox mesajın
zamanı:
Code: Kod:
Kod:
.chatbox_row_1 {
padding: 4px;
background-color: transparent;
}
.chatbox_row_2 {
padding: 4px;
background-color: transparent;
}


Information: Bilgi:
Spoiler: Spoiler:
Alıntı:
. . chatbox_row_1 chatbox_row_1
padding = width space for text metin için padding = genişlik alanı
background-color = background color of row 1 satır 1 background-color = arka plan rengini
. . chatbox_row_2 chatbox_row_2
padding = width space for text metin için padding = genişlik alanı
background-color = background color of row 2 Satır 2 background-color = arka plan rengini




Customizing Title chatbox site: Özelleştirme Adı chatbox sitesi:
Code: Kod:
Kod:
.chatbox-title,.chatbox-title a.chat-title {
color: #FFFFFF !important;
text-align: center;
font-size: 20px;}


Information: Bilgi:
Spoiler: Spoiler: color = color chatbox's Title color = renk chatbox adı
text-align = position title (Left Center Right) text-= pozisyon Başlık (Sol Merkez Sağ) align
font-size = font size title font-size = yazı boyutu başlığı


Change background image chatbox's title: Değiştirmek arka plan görüntüsü chatbox başlığı:
Code: Kod:
Kod:
#chatbox_header {
background-image: url('URL IMAGE');}


Change
background image of the section below the chatbox's (one in which there
are
options for message and sending the message portion): Chatbox's (bir,
içinde mesaj için seçenekleri ve mesaj gönderme bölümü aşağıdaki bölüm
değiştirmek arka plan görüntüsü):
Code: Kod:
Kod:
#chatbox_footer {
background-image: url('URL IMAGE');}


Adding rounded corners to a particular section: Belirli bir bölümüne yuvarlatılmış köşeleri ekleme:
Code: Kod:
Kod:
.SECTION NAME span.corners-top { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-top span { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-bottom { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-bottom span { background-image: url('URL IMAGE'); }


Information: Bilgi:
Spoiler: Spoiler: . . SECTION NAME span.corners-top = top-left corners BÖLÜM ADI span.corners-top = üst sol köşe
. . SECTION NAME span.corners-top span = top-right corners BÖLÜM ADI span.corners-top span = sağ üst köşelerinde
. . SECTION NAME span.corners-bottom = bottom left corners BÖLÜM ADI span.corners-bottom = alt sol köşe
. . SECTION NAME = span.corners-span bottom right corners hos BÖLÜM ADI = span.corners-sağ alt köşelerinde hos span

Sections in which you can add rounded corners: N o köşeleri yuvarlatılmış ekleyebilirsiniz Bölüm:
. . headerbar = Header headerbar = Başlık
. . navbar = Navigation bar navbar = Navigasyon bar
. . forabg = list of forums Forumlar forabg = listesi
. . forumbg = list of topics Konu forumbg = listesi
. . Introduction = The message on the page layer = Giriş sayfası tabakaya mesajı
. . module = Widgets modülü = Widgets
PhpBB3
sürümü forumu özelleştirmek için CSS kodları Full indir,PhpBB3 sürümü
forumu özelleştirmek için CSS kodları Full izle,PhpBB3 sürümü forumu
özelleştirmek için CSS kodları Full Torrent İndir,PhpBB3 sürümü forumu
özelleştirmek için CSS kodları Torrent İndir,PhpBB3 sürümü forumu
özelleştirmek için CSS kodları DivX indir, PhpBB3 sürümü forumu
özelleştirmek için CSS kodları DvdRip indir,PhpBB3 sürümü forumu
özelleştirmek için CSS kodları HD Kalite İndir,PhpBB3 sürümü forumu
özelleştirmek için CSS kodları mp4 indir

Sayfa başına dön Aşağa gitmek
İros
Yönetici
Yönetici
İros


<b>Cinsiyet</b> Cinsiyet : Kadın
Mesaj Sayısı : 172

PhpBB3 sürümü forumu özelleştirmek için CSS kodları Empty
MesajKonu: Geri: PhpBB3 sürümü forumu özelleştirmek için CSS kodları   PhpBB3 sürümü forumu özelleştirmek için CSS kodları EmptyPaz Ocak 17, 2010 6:04 pm

Size ait olmadığından çöp .
Sayfa başına dön Aşağa gitmek
https://hcjt.yetkin-forum.com
 
PhpBB3 sürümü forumu özelleştirmek için CSS kodları
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
HCJT :: Forum Sepeti :: Forum Sepeti-
Buraya geçin: