Alternatif Alıntı Stilleri ( Curve Rc2 )

Started by Alpay, December 27, 2009, 05:47:55 AM

Previous topic - Next topic

Alpay

 Varsayılan Curve / Eğri (yuvarlatılmış) Temaya Alternatif alıntı sitilleri yapmış Antechinus

Bloc un dikdörtgen olan alıntı stilinin Curve de oldugu gibi yuvarlatılmaya yenik(bir nevi) düşecesinin öyküsünü anlatmış :)

Resimdede görebileceksiniz..

Bloc un dikdörtgen alıntı kodları :

Code (Css/index.css Bul) Select
/* A quote, perhaps from another post. */
.quoteheader
{
   color: #7a899c;
}
.codeheader, .quoteheader
{
   font-size: 0.9em;
   font-weight: bold;
   padding-left: 5px;
}
blockquote, blockquote blockquote blockquote
{
   font-size: 0.9em;
   color: #000000;
   line-height: 1.4em;
   background: url(../images/theme/quote.png) 2px 2px no-repeat #D7DAEC;
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   padding: 1em 1em 1em 2em;
   margin: 0.3em 0 0 0;
}
blockquote blockquote
{
   background: #e7eAfC;
}

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}


Code (Değiştir) Select
/* A quote, perhaps from another post. */
.quoteheader
{
   color: #7a899c;
   font-style: italic;
}
.codeheader, .quoteheader
{
   font-size: 0.9em;
   font-weight: bold;
   padding-left: 7px;
}
blockquote, blockquote blockquote blockquote
{
   font-size: 0.9em;
   color: #000000;
   line-height: 1.4em;
   background: url(../images/theme/quote.png) 100% 100% no-repeat #DDE3EC;
   border-top: solid 4px #AAAABB;
   border-bottom: solid 4px #AAAABB;
   padding: 1em 1em 1em 2em;
   margin: 0 0 0 0;
}
blockquote blockquote
{
   background: url(../images/theme/quote.png) 100% 100% no-repeat #F7FAFF;
}

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 4px #AAAABB;
   border-bottom: solid 4px #AAAABB;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}


Görüntüsünü ilk ss de görebilirsiniz..

2. Alternatif

Firefox , Safari/Chrome da çalışabilen resimli alıntı stili..

Code (css/index.css Bul) Select
/* A quote, perhaps from another post. */
.quoteheader
{
   color: #7a899c;
}
.codeheader, .quoteheader
{
   font-size: 0.9em;
   font-weight: bold;
   padding-left: 5px;
}
blockquote, blockquote blockquote blockquote
{
   font-size: 0.9em;
   color: #000000;
   line-height: 1.4em;
   background: url(../images/theme/quote.png) 2px 2px no-repeat #D7DAEC;
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   padding: 1em 1em 1em 2em;
   margin: 0.3em 0 0 0;
}
blockquote blockquote
{
   background: #e7eAfC;
}

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}


Code (Değiştir) Select
/* A quote, perhaps from another post. */
.codeheader, .quoteheader
{
   font-size: 0.9em;
   font-weight: bold;
   padding-left: 20px;
}
.quoteheader, blockquote blockquote .quoteheader
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -100px no-repeat;   
}
.topslice_quote, blockquote blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% -100px no-repeat;   
   padding: 0.3em 0;
}
blockquote .quoteheader
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 0 no-repeat;   
}
blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% 0 no-repeat;
}
blockquote, blockquote blockquote blockquote
{
   font-size: 0.9em;
   color: #000000;
   line-height: 1.4em;
   background: #FFFFFF;
   border-left: 1px solid #DCE0F3;
   border-right: 1px solid #DCE0F3;   
   padding: 0 1em 0 1.5em;
   margin: 0 0 0 0;
}
blockquote blockquote
{
   background: #F0F4F7;
   border-left: 1px solid #D8DDF1;
   border-right: 1px solid #D8DDF1;
}
.quotefooter, blockquote blockquote .quotefooter
{
    background: url(../images/theme/quote_ends.png) 0 100% no-repeat;   
   padding-left: 20px;
   margin-bottom: -5px;
}
.botslice_quote, blockquote blockquote .botslice_quote
{
    height: 10px;
   background: url(../images/theme/quote_slices.png) 100% 100% no-repeat;   
}
blockquote .quotefooter
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -270px no-repeat;   
   padding-left: 20px;   
}
blockquote .botslice_quote
{
    height: 10px;
   background: url(../images/theme/quote_slices.png) 100% -230px no-repeat;
}
blockquote blockquote blockquote .quoteheader {display: none;}
blockquote blockquote blockquote blockquote {display: none;}
blockquote blockquote blockquote .quotefooter {display: none;}

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 4px #AAAABB;
   border-bottom: solid 4px #AAAABB;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}


Tabi ki bunlarin çalışması için 2 tane ekteki resimini default/images/theme klasörüne yüklemeniz gerekiyor..


Orjinal Konu : http://www.simplemachines.org/community/index.php?topic=347845

Gökhan | Brestgerfich

Çok şık görünüyorlar Alpay, teşekkürler.
Curve ile smf de yaygınlaşan yuvarlak hatlar, bu alıntılarla pekiştirilmiş oldu :)

sazan

#2
1.1.x surumlerine uygun hale nasil getirebiliriz?


grafitus

Quote from: sazan on December 31, 2009, 08:07:18 AM
1.1.x surumlerine uygun hale nasil getirebiliriz?
Curve SMF 1.1.x ile uyumlu değil ki. :/ Siz kendi temanızda mı kullanmak istiyorsunuz?


Çok güzel görünüm oluşturmuşlar, Alpay. Bunu code "tag"ı içinde yapsa daha güzel olabilir. =)

Alpay

hmm code tag ı nı sadece yazılımcılar kullanıyor pek global olacağını sanmıyorum istersen sen yapip paylaşabilirsin o bölümde :)

ოկtђ


grafitus

Quote from: ოկtђ on January 15, 2010, 12:41:04 PM
Zaten code taglarını kapsamıyor mu?
Hayır. Sadece quote "tag"ını kapsıyor.

ოկtђ

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 4px #AAAABB;
   border-bottom: solid 4px #AAAABB;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}

kodunu görünce vardır diye düşündüm neyse..

PC ko PC

www.PCkoPC.com [nofollow] & www.kotuforum.com [nofollow] # KötüForum 'a yönetici alımlarımız vardır, iletişim; TIKLA

Çalışmadan, öğrenmeden, yorulmadan rahat yaşamanın yollarını aramayı alışkanlık haline getirmiş milletler, evvela haysiyetlerini, sonra hürriyetlerini ve daha sonra da istikballerini kaybetmeye mahkumdurlar.
M.Kemal Atatürk

ercijuana


şu şekilde bir kayma söz konusu oldu yardımcı olabilecek varmı ne yapmalıyım?

Advertisement: