[SMF] Alternativni izgledi citata

  • 3 Odgovora
  • 3269 Pregleda

0 Članovi i 1 gost pregledaju ovu temu.

NiKooLaa

  • Dont fear the reaper!
  • *
  • 5,394
  • +148/-13
  • Pol: Muškarac
    • dzontra.nikola
    • lastfm
    • opusteniforum
    • dzontra_nikola
    • Dzonny
    • Pogledaj profil
    • Valjevski polumaraton
[SMF] Alternativni izgledi citata
« poslato: Jun 08, 2010, 21:29:55 »
[SMF] Alternativni izgledi citata

Ukoliko želite da izmenite izgled vašeg citata na smf 2.0 RC2, ili RC3 forumu, evo kako to uraditi.


1. Kockasti quote



Css/index.css:
nadjite:
/* 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;
}
I zamenite sa:
/* 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;
}

2. Zaobljeni citat


Napomena: Ovakav izgled će biti moguć u svim browserima.

Nadjite:
/* 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;
}

Zamenite sa:
/* 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;
}
Takođe morate uploadovati dva fajla iz attachmenta ovog posta (quote_ends.png i quote_slices.png) u default/images/theme folder.
::Za webmastere :: Pravilnik foruma ::Baneri :: Magija
samo-opusteno userbar5
>> Registrujte se kako bi videli sadrzaj celog foruma! Neki delovi foruma nisu vidljivi za goste!<<
[Kako da vidim linkove na forumu??]
VAratonac :: ITcyberCOP

[Reklama]


valjevka

  • *
  • 3
  • +0/-0
    • Pogledaj profil
Odg: [SMF] Alternativni izgledi citata
« Odgovor #1 poslato: Januar 25, 2011, 19:24:52 »
Ovo je ekstra ali zar nema za Aktuelna verzija SMF-a: SMF 1.1.12   cry3

i u cemu je uopste razlika izmedju ove moje i 2.0

MarkoKg

  • *
  • 5,181
  • +48/-3
  • Pol: Muškarac
  • Music is my aeroplane...
    • samoopustenoinfo
    • Pogledaj profil
    • samo-opusteno
Odg: [SMF] Alternativni izgledi citata
« Odgovor #2 poslato: Januar 25, 2011, 21:48:06 »
Ne, smf 1.1.x koristi drugačiji sistem za citat koliko znam.
2.0 je još uvek beta verzija smfa, ali je dosta "modernija" od ove 1.1.x, jer ima u sebi neke opcije koje se na 1.1.x dobijaju samo sa modovima.
Naravno, uvek možeš da pređeš na 2.0 tako što ćeš uraditi large upgrade (imaš upustvo na smf forumu), ali ne preporučujem dok ne izađe stabilna 2.0 verzija.

valjevka

  • *
  • 3
  • +0/-0
    • Pogledaj profil
Odg: [SMF] Alternativni izgledi citata
« Odgovor #3 poslato: Januar 25, 2011, 22:40:41 »
Hvala  :ok