Varsayılan Curve / Eğri (yuvarlatılmış) Temaya Alternatif alıntı sitilleri yapmış Antechinus (http://www.simplemachines.org/community/index.php?action=profile;u=129726)
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ı :
/* 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;
}
/* 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..
/* 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;
}
/* 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
Ç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 :)
1.1.x surumlerine uygun hale nasil getirebiliriz?
teşekkurler arkadaşım
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. =)
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 :)
Zaten code taglarını kapsamıyor mu?
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.
/* 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..
Emeğine sağlık, çok işime yaradı.
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg28.imageshack.us%2Fimg28%2F9311%2Fproblemyo.png&hash=8a0bd44a3842e293e30c1406678cbff198a2880e)
şu şekilde bir kayma söz konusu oldu yardımcı olabilecek varmı ne yapmalıyım?