Simple Machines Community Forum

SMF Support => Türkçe Bölümü (Turkish) => Language Specific Support => İpuçları ve Hileler => Topic started by: Alpay on December 27, 2009, 05:47:55 AM

Title: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: Alpay on December 27, 2009, 05:47:55 AM
 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ı :

 
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
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: Gökhan | Brestgerfich on December 30, 2009, 11:32:33 PM
Ç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 :)
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: sazan on December 31, 2009, 08:07:18 AM
1.1.x surumlerine uygun hale nasil getirebiliriz?
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: sevdaligul on January 09, 2010, 05:42:06 AM
teşekkurler arkadaşım
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: grafitus on January 09, 2010, 07:10:53 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. =)
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: Alpay on January 10, 2010, 10:00:14 AM
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 :)
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: ოկtђ on January 15, 2010, 12:41:04 PM
Zaten code taglarını kapsamıyor mu?
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: grafitus on January 15, 2010, 01:31:31 PM
Zaten code taglarını kapsamıyor mu?
Hayır. Sadece quote "tag"ını kapsıyor.
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: ოկtђ on January 15, 2010, 01:39:11 PM
/* 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..
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: PC ko PC on May 25, 2010, 09:58:35 AM
Emeğine sağlık, çok işime yaradı.
Title: Re: Alternatif Alıntı Stilleri ( Curve Rc2 )
Post by: ercijuana on June 24, 2011, 01:16:19 PM
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg28.imageshack.us%2Fimg28%2F9311%2Fproblemyo.png&hash=9aa686587987db33f0838c4aee338736)
şu şekilde bir kayma söz konusu oldu yardımcı olabilecek varmı ne yapmalıyım?