Красивая цитата в стиле "Ретро-тетрадь"

Всё что относится к vBulletin

Moderator: Aleksandr

Avatar
Topic author
Дим M
Администратор
Администратор
Posts: 1302
With us: 7 years 1 month

Красивая цитата в стиле "Ретро-тетрадь"

Post #1by Дим » 7 Dec 2013, 16:15

Image


Содержимое шаблона bbcode_quote заменить на это:

Code: Select all

<section class="notepaper">
    <
figure class="quote">
            <if 
condition="$show['username']">
                <
div>
                    <
phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if 
condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postidrel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]/></a></if>
                </
div>
      <
blockquote class="curly-quotes">$message</blockquote>
            <else />
                
$message
            
</if>
    </
figure>
  </
section>   


В additional.css добавим

Code: Select all

.notepaper {
  
positionrelative;
  
margin80px auto;
  
padding2px 2px 4px 6px;
  
width90%;
  
line-height30px;
  
color#6a5f49;
  
text-shadow0 1px 1px white;
  
background-color#f2f6c1;
  
background-image: -webkit-radial-gradient(centercoverrgba(2552552550.70%, rgba(2552552550.190%), -webkit-repeating-linear-gradient(toptransparent 0%, transparent 29pxrgba(2392071730.729pxrgba(2392071730.730px);
  
background-image: -moz-radial-gradient(centercoverrgba(2552552550.70%, rgba(2552552550.190%), -moz-repeating-linear-gradient(toptransparent 0%, transparent 29pxrgba(2392071730.729pxrgba(2392071730.730px);
  
background-image: -o-radial-gradient(centercoverrgba(2552552550.70%, rgba(2552552550.190%), -o-repeating-linear-gradient(toptransparent 0%, transparent 29pxrgba(2392071730.729pxrgba(2392071730.730px);
  
border1px solid #c3baaa;
  
border-colorrgba(1951861700.9);
  -
webkit-box-sizingborder-box;
  -
moz-box-sizingborder-box;
  
box-sizingborder-box;
  -
webkit-box-shadowinset 0 1px rgba(2552552550.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  
box-shadowinset 0 1px rgba(2552552550.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
.
notepaper:before, .notepaper:after {
  
content'';
  
positionabsolute;
  
top0;
  
bottom0;
}
.
notepaper:before {
  
left28px;
  
width2px;
  
bordersolid #efcfad;
  
border-colorrgba(2392071730.9);
  
border-width0 1px;
}
.
notepaper:after {
  
z-index: -1;
  
left0;
  
right0;
  
backgroundrgba(2422461930.9);
  
border1px solid rgba(1701571340.7);
  -
webkit-transformrotate(2deg);
  -
moz-transformrotate(2deg);
  -
ms-transformrotate(2deg);
  -
o-transformrotate(2deg);
  
transformrotate(2deg);
}

.
quote {
  
font-familyGeorgiaserif;
  
font-size14px;
}

.
curly-quotes:before, .curly-quotes:after {
  
displayinline-block;
  
vertical-aligntop;
  
height30px;
  
line-height48px;
  
font-size50px;
  
opacity.2;
}
.
curly-quotes:before {
  
content'\201C';
  
margin-right4px;
  
margin-left: -8px;
}
.
curly-quotes:after {
  
content'\201D';
  
margin-left4px;
  
margin-right: -8px;
}

.
quote-by {
  
displayblock;
  
padding-right10px;
  
text-alignright;
  
font-size13px;
  
font-styleitalic;
  
color#84775c;
}

.
lt-ie8 .notepaper {
  
padding15px 25px;
}   
i love you mxIni Mysql

! ! !


Return to “vBulletin”

Who is online

Users browsing this forum: 1 guest