(tek baslik) Css ile "anmak" alani degistirmek

tarafından **Paradiz** Bir Paz Eyl. 04, 2011 11:40 am

(tek baslik) Css ile "anmak" alani degistirmek

Mesaj tarafından Paradiz Bir Paz Eyl. 04, 2011 11:40 am

Css ile "anmak" alani degistirmek

Merhaba,

css ile anmak'i degistirebilirsiniz, Yani baska bir görünüm verebilirsiniz.

önizleme;

Kod:: .quote{ background-color: #FAFAFA; color: #444; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; padding: 7px;} div.postbody table{background: #FFFBC3 none; border: 1px dashed #FF9C00;} div.postbody table span.genmed{color:#777777;display:block;padding: 6px 30px 13px 30px;background: #fffbc3 url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png) no-repeat 5px 8px;font: bold 18px Courier New}

eklenecek yer;

Yönetim Paneli

Afiş asmak

Renkler ve resimler => Renkler

CSS , kodu ekleyin ve gönderin tesekkür ederim

iyi kullanmalar! Very Happy

Bu paylaşım Redmad tarafından hazırlanmış ve Paradiz tarafından sunulmuştur.

Paylaşımların başka sitelerde yayınlanması yasaktır.
© 2011 Yetkinforum.net

Forum Kuralları + Staff + Grafik Kuralları
-----------------------------------------------------------------
Kurucu şifrenizi mi kaybettiniz ? » çözüm !

tarafından Volfurem Bir Paz Eyl. 04, 2011 6:59 pm

Geri: (tek baslik) Css ile "anmak" alani degistirmek

Mesaj tarafından Volfurem Bir Paz Eyl. 04, 2011 6:59 pm

Css ile "anmak" alani degistirmek 2

Merhaba,
Css ile anmak alanı için farklı görünümler sağlayabilir & arkaplanına güzel resimler ekleyebilirsiniz.

Çeşit 1»
Önizleme;

Kod;

"Tıklayın":: .quote{
border-left: 1none;
border-top: 1px solid #ccc;
font-size: 12px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
line-height: 20px;
background: url(http://img684.imageshack.us/img684/8484/27429774.png) repeat-y left top;
width: 500px;
overflow: auto;
overflow-Y: hidden
margin: 0 0 0 40px;
padding: 18px 30px 0px;
display: block;}

Çeşit 2»
Önizleme;

Kod;

"Tıklayın":: .quote{
border-left: 1none;
border-top: 1px solid #ccc;
font-size: 12px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
line-height: 20px;
background: url(http://img17.imageshack.us/img17/2412/code10.gif) repeat-y left top;
width: 500px;
overflow: auto;
overflow-Y: hidden
margin: 0 0 0 40px;
padding: 18px 30px 0px;
display: block;}

Çeşit 3»
Önizleme;

Kod;

"Tıklayın":: .quote{
border-left: 1none;
border-top: 1px solid #a3a3a1;
font-size: 12px;
background: #a3a3a1;
border-bottom: 1px solid #a3a3a1;
line-height: 20px;
background: url(http://img196.imageshack.us/img196/3969/83503653.png) repeat-y left top;
width: 500px;
overflow: auto;
overflow-Y: hidden
margin: 0 0 0 40px;
padding: 18px 30px 0px;
display: block;}

Çeşit 4»
Önizleme;

Kod;

"Tıklayın":: .quote{
border-left: 1none;
border-top: 1px solid #ccc;
font-size: 12px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
line-height: 20px;
background: url(http://img231.imageshack.us/img231/8563/75749900.png) repeat-y left top;
width: 500px;
overflow: auto;
overflow-Y: hidden
margin: 0 0 0 40px;
padding: 18px 30px 0px;
display: block;}

Çeşit 5»
Önizleme;

Kod;

"Tıklayın":: .quote{
border-left: 1none;
border-top: 1px solid #ccc;
font-size: 12px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
line-height: 20px;
background: url(http://img189.imageshack.us/img189/2615/78684144.png) repeat-y left top;
width: 500px;
overflow: auto;
overflow-Y: hidden
margin: 0 0 0 40px;
padding: 18px 30px 0px;
display: block;}

İstediğiniz kodu;
Yönetim paneli Afis asmak Renkler ve resimler Renkler CSS Stylesheet 'e ekleyin ve gönderin.

Kod ile oynayarak,editleyerek farklı şekiller verebilirsiniz.

Kod ile ilgili küçük bilgi;

font-size: Font boyutu
background: Arkaplan rengi
border-bottom: Alt çerçeve
line-height: Satır yüksekliği
background: url : Arkaplan resmi.
width: Genişlik
padding: İç mesafe

İyi kullanımlar! tesekkür ederim

Bu paylaşım Volfurem tarafından hazırlanmış ve sunulmuştur.

Paylaşımların başka sitelerde yayınlanması yasaktır.
© 2011 Yetkinforum.net

tarafından **Joven'** Bir Perş. Eyl. 08, 2011 6:28 pm

Geri: (tek baslik) Css ile "anmak" alani degistirmek

Mesaj tarafından Joven' Bir Perş. Eyl. 08, 2011 6:28 pm

Phpbb2 Yeni Alıntı ve Kod Stili

İlk Önce Önizleme :

http://img262.imageshack.us/img262/2820/adszoq.png

Kodumuzu :

Yönetim Paneli

Afiş Asmak

Renkler ve Resimler

Renkler

CSS Styles

kısmına eklemeliyiz .

Kodumuz :

Kod:: /* Kod ve Alıntı Lavigne' Başlangıç */ .code { border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; background: #fafafa url(http://img203.imageshack.us/img203/2921/codeh.gif) no-repeat 2px 4px; color: #000000; padding: 8px 6px 4px 23px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; color: #4a4a4a; } .quote{ border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; background: #fafafa url(http://img585.imageshack.us/img585/9179/quoteicon.gif) no-repeat 2px 4px; color: #000000; padding: 8px 6px 4px 23px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; color: #4a4a4a; } /* Kod ve Alıntı Lavigne' Son */

...

Bu paylaşım Lavigne' tarafından hazırlanmış ve sunulmuştur.

Paylaşımların başka sitelerde yayınlanması yasaktır.
© 2011 Yetkinforum.net

FORUM KURALLARI | GRAFİK KURALLARI
Özel mesaj ile yardim yasaktir lütfen özel mesaj ile yardim istemeyelim.^^
Coming Soon JOVEN