1 1 1 1 1 1 1 1 1 1 Рейтинг: 4.00 - 1 отзыв

Вы хотите, чтобы ваша статья выглядела привлекательно, а не напоминала кучу текста, сваленную в угол интернета? Тогда вам понадобится эта хитрость, позволяющая легко и просто сделать статью наполненной разноцветными вставками "срочно", "важно" и увеличить ее читабельность в разы.

CSS шаблоны статей с привлекательными разноцветными вставками из шаблона сайта чужого дизайна

 

Дизайн чужого сайта

Вы можете сочинять свой дизайн, а можете просто использовать чужой (зачем изобретать велосипед?). Лишь подогнав его под свои цели, вы сэкономите много времени.

Помните я сказал, "легко и просто сделать"? Я наврал. Сделать это очень сложно. Но так, как вру я частично, для вас есть хорошая новость. Сложно будет сделать сам шаблон. А вот после, вы "легко и просто" будете обрамлять ваш текст именно этим шаблоном.

Итак, первое, что необходимо понять: чтобы текстовые блоки были разными (разный цвет, картинка "срочно!", увеличение картинки при наведении), вам будет нужно внести изменения в свой шаблон.

С этого и начнем.

 

1. Три видео со ссылками на ваши статью внизу материала.

Сложно. Ссылки с анкорами ведут сразу на видео, а не на начало статьи.

.yarpp{
list-style-type:none;
width:610px;
height:200px;
padding:0px 0px 0px 13px;
}

.rle{
margin:3px 10px 3px 3px;
float:left;
list-style-type:none;w
idth:190px;
height:190px;
}

.yarpptitle{
color:#333;
margin:15px 5px 15px 5px;
}

.knopka-utub{
padding:50px 0px 0px 70px;
z-index:1;position:absolute;
}

<div class="yarpp">

<div class="rle">


<a href="http://webmastermaksim.ru/foreks/vlozhenie-deneg-v-internete-kak-sposob-zarabotka-otkryl-svoi-pamm-scheta-i-moj-otchet-po-realnomu-zarabotku-10000-v-mes.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="Вложение денег в интернете, как способ пассивного заработка на форекс! Открыл свои памм счета и мой отчет по реальному заработку 10000$ в мес" src="http://webmastermaksim.ru/wp-content/uploads/2014/02/vlozhenie-deneg-v-internete-kak.jpg" width="180" height="130"><span class="yarpptitle">Вложение денег в интернете, как способ п...</span></a></div>

<div class="rle">


<a href="http://webmastermaksim.ru/foreks/moj-otchet-za-oktyabr-luchshee-vlozhenie-deneg.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="Мой отчет за Октябрь – лучшее вложение денег" src="http://webmastermaksim.ru/wp-content/uploads/2014/11/moj-otchet-za-oktyabr-luchshee-v.jpg" width="180" height="130"><span class="yarpptitle">Мой отчет за Октябрь – лучшее влож...</span></a></div>

<div class="rle">


<a href="http://webmastermaksim.ru/foreks/v-chem-xranit-sberezheniya-moj-otchet-za-noyabr-i-dekabr.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="В чем хранить сбережения? Мой отчет за Ноябрь и Декабрь." src="http://webmastermaksim.ru/wp-content/uploads/2015/01/v-chem-xranit-sberezheniya-moj-o.jpg" width="180" height="130"><span class="yarpptitle">В чем хранить сбережения? Мой отчет за Н...</span></a></div>

</div>

денежный трактор

 

2. Синий с увеличением

.vajno{
background-color:#FFD4A0;
background-image:url(http://images.webmastermaksim.ru/images/vajno.png);
}

.vajno,.more,.skacati,.info,.mail,.kod,.box2,.entry1 img,.ban1,.ban2,.pole,.postjumper,.wp-pagenavi a,#bottom-bar,#footer{
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #b3876c;
-moz-box-shadow:3px 3px 3px 3px #999999;
-webkit-box-shadow:#999 3px 3px 3px 3px;
box-shadow:3px 3px 3px 3px #999999;
}
.vajno,.skacati,.info,.mail,.kod,.box2{
margin:10px;
padding:15px 20px 15px 80px;
background-position:20px 50%;
background-repeat:no-repeat;
position:relative;
}

.pole{margin:0px 0px 15px 0px;background-color:#FFFFFF;}

.vajno:hover{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

 

<div class="vajno">Допустим, если вы нашли <strong>жирную ссылку</strong>, тогда после этого ее обязательно нужно добавить в <a title="Что такое аддурилка – аддурилка Яндекса и Google программы addurl." href="http://webmastermaksim.ru/nachinayushhemu-vebmasteru/chto-takoe-addurilka-addurilka-yandeksa-i-google-programmy-addurl.html" target="_blank">аддурилку Яндекса</a> (иначе яндекс вообще может не увидеть эту жирную ссылку), и если страница будет закрыта в robots.txt, то при добавлении, аддурилка Яндекса скажет вам об этом, и значит можно сделать вывод, что эта ссылка нам не подходит.</div>

 

3. Желтый обычный.

.info{
background-color:#FFFFCC;
background-image:url(http://images.webmastermaksim.ru/images/info.png);
}

 

<div class="info">К примеру я добился дохода в месяц более 10 000$, об этом я писал в статье –&nbsp;<a title="Вложение денег в интернете, как способ пассивного заработка на форекс! Открыл свои памм счета и мой отчет по реальному заработку 10000$ в мес" href="http://webmastermaksim.ru/foreks/vlozhenie-deneg-v-internete-kak-sposob-zarabotka-otkryl-svoi-pamm-scheta-i-moj-otchet-po-realnomu-zarabotku-10000-v-mes.html" target="_blank">вложение денег в интернете</a>, перейдите по ссылке, данной статье уже месяца четыре, но а на этой странице я уже не пишу сумму, так как я сам никогда не читаю заголовки – “Как заработать миллион” и тому подобное, выглядит пафосно!</div>

 

Посмотреть H2

h1{font-style:oblique;padding:10px 40px 20px 30px;color:#b3976c;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;}
h2{
font-style:oblique;
padding:20px 40px 20px 30px;
color:#b3976c;
text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;
}
h2 a{text-decoration:none;font-size:1.3em;text-align:left;color:#b3976c;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;
}

h2 a:hover{text-decoration:underline;text-align:left;font-size:1.3em;color:#f9bc09;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;
}

 

4. Картинки со ссылками 

<ul id="related_posts_thumbnails" style="list-style-type:none; list-style-position: inside; padding: 0; margin:0"><li style="float: left; padding: 0; margin:0; padding: 5px; display: block; border-right: 1px solid #DDDDDD; background-color: #FFFFFF" onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'"><a href="http://webmastermaksim.ru/foreks/figura-golova-i-plechi-kak-formiruyut-patternovuyu-strategiyu-dlya-torgovlya-na-foreks.html"><img alt="Фигура Голова и Плечи. Как формируют паттерновую стратегию для торговля на форекс." src="http://webmastermaksim.ru/wp-content/uploads/2013/08/figura-golova-i-plechi-kak-formiruyut-patternovuyu-strategiyu-dlya-torgovlya-na-foreks.jpeg" width="171" height="120" style="padding: 0px; margin: 0px; border: 0pt none;"></a><a href="http://webmastermaksim.ru/foreks/figura-golova-i-plechi-kak-formiruyut-patternovuyu-strategiyu-dlya-torgovlya-na-foreks.html" style="display: block; width: 120px; overflow: hidden;height: 75px; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;text-decoration: none;"><span>Фигура Голова и Плечи. Как формируют паттерновую стратегию для торговля на форекс.</span></a></li><li style="float: left; padding: 0; margin:0; padding: 5px; display: block; border-right: 1px solid #DDDDDD; background-color: #FFFFFF" onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'"><a href="http://webmastermaksim.ru/foreks/vlozhenie-v-bank-po-procenty-net-luchshe-v-afoeks-7-za-prosto-tak-ili-aforex-otzyvy.html"><img alt="Вложение в банк по проценты? нет лучше в Афоекс - 7% за просто так! или Aforex отзывы" src="http://webmastermaksim.ru/wp-content/uploads/2014/04/vlozhenie-v-bank-po-procenty-net-luchshe-v-afoeks-7-za-prosto-tak-ili-aforex-otzyvy-120x120.jpg" width="171" height="120" style="padding: 0px; margin: 0px; border: 0pt none;"></a><a href="http://webmastermaksim.ru/foreks/vlozhenie-v-bank-po-procenty-net-luchshe-v-afoeks-7-za-prosto-tak-ili-aforex-otzyvy.html" style="display: block; width: 120px; overflow: hidden;height: 75px; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;text-decoration: none;"><span>Вложение в банк по проценты? нет лучше в Афоекс - 7% за просто так! или Aforex отзывы</span></a></li><li style="float: left; margin: 0px; padding: 5px; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background-color: rgb(255, 255, 255);" onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'"><a href="http://webmastermaksim.ru/foreks/moj-otchet-za-oktyabr-luchshee-vlozhenie-deneg.html"><img alt="Мой отчет за Октябрь - лучшее вложение денег" src="http://webmastermaksim.ru/wp-content/uploads/2014/11/moj-otchet-za-oktyabr-luchshee-vlozhenie-deneg.jpeg" width="171" height="120" style="padding: 0px; margin: 0px; border: 0pt none;"></a><a href="http://webmastermaksim.ru/foreks/moj-otchet-za-oktyabr-luchshee-vlozhenie-deneg.html" style="display: block; width: 120px; overflow: hidden;height: 75px; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;text-decoration: none;"><span>Мой отчет за Октябрь - лучшее вложение денег</span></a></li><li style="float: left; margin: 0px; padding: 5px; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background-color: rgb(238, 238, 239);" onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'"><a href="http://webmastermaksim.ru/foreks/pochemu-ya-vybral-aforeks-kak-samogo-luchshego-foreks-brokera-rossii-na-dannyj-moment.html"><img alt="Почему я выбрал Афорекс - как самого лучшего Форекс брокера России на данный момент!" src="http://webmastermaksim.ru/wp-content/uploads/2015/01/pochemu-ya-vybral-aforeks-kak-sa-120x120.jpg" width="171" height="120" style="padding: 0px; margin: 0px; border: 0pt none;"></a><a href="http://webmastermaksim.ru/foreks/pochemu-ya-vybral-aforeks-kak-samogo-luchshego-foreks-brokera-rossii-na-dannyj-moment.html" style="display: block; width: 120px; overflow: hidden;height: 75px; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;text-decoration: none;"><span>Почему я выбрал Афорекс - как самого лучшего Форекс брокера России на данный момент!</span></a></li></ul>

 

 

5. Одиночное объявление с одной кнопкой

#block_single{
width:580px;
height:130px;
padding:20px;
background:#f8f8f8;
text-align:center;
border:1px solid #eee;
}

.bs_h2{
padding:0 0 10px;
font:bold 19px Verdana,Arial,sans-serif;
color:#0f4568;
}

.bs_a{
background:#43afca;
text-align:center;
text-decoration:none!important;
font:normal 19px/50px Arial,sans-serif;
color:#fffffe!important;
cursor:pointer;
padding:10px 20px;
}.

bs_a:hover{
background:#57B6CE;
color:#fffffe;
}.

bs_a:active{
background:#40A1B9;
}

<center>

<div id="block_single">
<div class="bs_desc">
<div class="bs_h2">Хотите заработать ДЕНЕГ без вложений?</div>
<div class="bs_d">Я ВебМастерМаксим даю ВАМ такую возможность! Отдаю всем читателям 20% от своего заработка на ПАММах с депо в 200 000$</div>
</div>
<a class="bs_a" target="_blank" href="http://webmastermaksim.ru/foreks/delyus-dengami-s-vami-ot-svoej-pribyli-v-pamm-schetax-vam-otdam-20-svoego-doxoda.html">Ознакомиться</a>
</div>
</center>


 

6, Три видео внизу статьи

<div id="Widgets_on_Pages_1" class="widgets_on_page">
<div class="yarpp-related-widget">
<div class="yarpp">
<div class="rle">
<a href="http://webmastermaksim.ru/foreks/samyj-pribylnyj-sovetnik-foreks-forex-envy.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="Самый прибыльный советник форекс – Forex Envy." src="http://webmastermaksim.ru/wp-content/uploads/2013/12/samyj-pribylnyj-sovetnik-foreks-forex-envy.html_.jpg" width="180" height="130"><span class="yarpptitle">Самый прибыльный советник форекс –...</span></a></div>
<div class="rle">
<a href="http://webmastermaksim.ru/foreks/luchshij-nochnoj-skalper-sovetnik-foreks-pipjet-ili-nochnoj-skalping-na-avtomate.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="Лучший ночной скальпер советник форекс Pipjet или ночной скальпинг на автомате." src="http://webmastermaksim.ru/wp-content/uploads/2013/12/luchshij-nochnoj-skalper-sovetnik-foreks-pipjet-ili-nochnoj-skalping-na-avtomate.html_.jpg" width="180" height="130"><span class="yarpptitle">Лучший ночной скальпер советник форекс P...</span></a></div>
<div class="rle">
<a href="http://webmastermaksim.ru/foreks/forex-warrior-foreks-sovetnik-torguyushhij-otlozhennymi-orderami.html#video" rel="bookmark" target="_blank" onclick="yaCounter6405709.reachGoal('video'); return true;"><div class="knopka-utub"><img src="http://images.webmastermaksim.ru/images/knopka-utub.png"></div><img alt="Forex Warrior – Форекс советник торгующий отложенными ордерами" src="http://webmastermaksim.ru/wp-content/plugins/video-thumbnails/default.jpg" width="180" height="130"><span class="yarpptitle">Forex Warrior – Форекс советник то...</span></a></div>
</div>
</div>
</div>

 

7. Красивая табличка

.forextrend{margin:0px;padding:0px;width:100%;box-shadow:10px 10px 5px #888888;border:1px solid #3f7f00;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}

.forextrend table{
border-collapse:collapse;
border-spacing:0;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
.forextrend tr:last-child td:last-child{
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}
.forextrend table tr:first-child td:first-child{
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:
5px;border-top-left-radius:5px;
}
.forextrend table tr:first-child td:last-child{
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
}
.forextrend tr:last-child td:first-child{
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
}
.forextrend tr:hover td{
background-color:#ffffff;
}
.forextrend td{
vertical-align:middle;
background-color:#d4ffaa;
border:1px solid #3f7f00;
border-width:0px 1px 1px 0px;
text-align:left;
padding:11px;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#000000;
}
.forextrend tr:last-child td{
border-width:0px 1px 0px 0px;
}
.forextrend tr td:last-child{
border-width:0px 0px 1px 0px;
}
.forextrend tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.forextrend tr:first-child td{
background:-o-linear-gradient(bottom,#5fbf00 5%,#3f7f00 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5fbf00),color-stop(1,#3f7f00));
background:-moz-linear-gradient(center top,#5fbf00 5%,#3f7f00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00",endColorstr="#3f7f00")
;background:-o-linear-gradient(top,#5fbf00,3f7f00);background-color:#5fbf00;border:0px solid #3f7f00;text-align:center;border-width:0px 0px 1px 1px;font-size:18px;font-family:Arial;font-weight:bold;color:#ffffff;
}
.forextrend tr:first-child:hover td{
background:-o-linear-gradient(bottom,#5fbf00 5%,#3f7f00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5fbf00),color-stop(1,#3f7f00));background:-moz-linear-gradient(center top,#5fbf00 5%,#3f7f00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00",endColorstr="#3f7f00");background:-o-linear-gradient(top,#5fbf00,3f7f00);background-color:#5fbf00;}
.forextrend tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.forextrend tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}

<div class="forextrend">
<table>
<tbody><tr>
<td>

</td>
<td>
Лучшие брокеры
</td>
<td>
Описание
</td>
</tr>
<tr>
<td>
№1
</td>
<td>
<a title="Альпари" href="http://www.alpari.ru/?partner_id=1216252" target="_blank" onclick="yaCounter6405709.reachGoal('brokeri'); return true;">Альпари</a>
</td>
<td>
Лучший брокер. Работает с 1998 года
</td>
</tr>
<tr>
<td>
№2
</td>
<td>
<a title="Афорекс" href="http://www.aforex.ru/s/4617" target="_blank" onclick="yaCounter6405709.reachGoal('brokeri'); return true;">Афорекс</a>
</td>
<td>
Тут я открыл свои ПАММ счета! Есть памм конструктор! Участвует В ЦРФИН, раздает советников, Есть аналитика и многое другое
</td>
</tr>
<tr>
<td>
№3
</td>
<td>
<a title="FXopen" href="https://cabinet.fxopen.com/registration.aspx?Culture=ru&amp;agent=642713" target="_blank" onclick="yaCounter6405709.reachGoal('brokeri'); return true;">FXopen</a>
</td>
<td>
Лучшие ECN счета
</td>
</tr>
<tr>
<td>
№4
</td>
<td>
<a title="Лучший центовый брокер" href="http://www.forex4you.org/?affid=512d7c4" target="_blank" onclick="yaCounter6405709.reachGoal('brokeri'); return true;">Форекс4ю</a>
</td>
<td>
Лучший центовый брокер
</td>
</tr>
</tbody></table>
</div>

 

8. Ссылки на полезные статьи внизу

<div class="box2">
<div class="title1">Полезное из рубрики: <a href="http://webmastermaksim.ru/category/foreks/sovetniki" title="Советники" target="_blank">Советники</a>; <a href="http://webmastermaksim.ru/category/foreks" title="Форекс" target="_blank">Форекс</a>; <p></p><hr></div>

<ul>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/sovetnik-setochnik-reticolofx-besplatnyj-robot-dlya-torgovli-na-foreks-korzinami-orderov-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник сеточник ReticoloFX - бесплатный робот для торговли на Форекс корзинами ордеров"><p><a href="http://webmastermaksim.ru/foreks/sovetnik-setochnik-reticolofx-besplatnyj-robot-dlya-torgovli-na-foreks-korzinami-orderov.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник сеточник ReticoloFX – бесплатный робот для торговли на Форекс корзинами ордеров.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/sovetnik-gepard-eto-slivator-uznaem-eto-vmeste-prisoedinyajtes-gepard-skachat-vse-versii-2-3-i-3-2-1-i-5-i-7-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник Gepard - это сливатор? Узнаем это вместе! Присоединяйтесь! Гепард скачать все версии 2.3 и 3.2.1 и 5 и 7."><p><a href="http://webmastermaksim.ru/foreks/sovetnik-gepard-eto-slivator-uznaem-eto-vmeste-prisoedinyajtes-gepard-skachat-vse-versii-2-3-i-3-2-1-i-5-i-7.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник Gepard – это сливатор? Узнаем это вместе! Присоединяйтесь! Гепард скачать все версии 2.3 и 3.2.1 и 5 и 7.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/besplatnye-i-platnye-foreks-sovetniki-testiruyu-ekspertov-v-rezhime-realnogo-vremeni-prisoedinyajtes-i-nablyudajte-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Бесплатные и платные Форекс советники - тестирую экспертов в режиме реального времени! Присоединяйтесь и наблюдайте!"><p><a href="http://webmastermaksim.ru/foreks/besplatnye-i-platnye-foreks-sovetniki-testiruyu-ekspertov-v-rezhime-realnogo-vremeni-prisoedinyajtes-i-nablyudajte.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Бесплатные и платные Форекс советники – тестирую экспертов в режиме реального времени! Присоединяйтесь и наблюдайте!</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/07/foreks-sovetnik-cobra-avtomaticheskij-trejder-dlya-terminala-metatrejder-4-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Форекс советник Cobra - автоматический трейдер для терминала МетаТрейдер 4"><p><a href="http://webmastermaksim.ru/foreks/foreks-sovetnik-cobra-avtomaticheskij-trejder-dlya-terminala-metatrejder-4.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Форекс советник Cobra и Cobra Adrenaline для терминала МетаТрейдер 4.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/07/avtomaticheskij-sovetnik-foreks-wall-street-forex-robot-nadezhnyj-pomoshhnik-v-dostizhenii-uspexa-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Автоматический советник форекс Wall Street forex robot – надежный помощник в достижении успеха."><p><a href="http://webmastermaksim.ru/foreks/avtomaticheskij-sovetnik-foreks-wall-street-forex-robot-nadezhnyj-pomoshhnik-v-dostizhenii-uspexa.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Автоматический советник форекс Wall Street forex robot – надежный помощник в достижении успеха.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/05/sovetnik-turbo-profit-3-1-effektivnyj-pomoshhnik-v-zarabotke-deneg-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник Turbo Profit 3.1 - эффективный помощник в заработке денег."><p><a href="http://webmastermaksim.ru/foreks/sovetnik-turbo-profit-3-1-effektivnyj-pomoshhnik-v-zarabotke-deneg.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник Turbo Profit 3.1 – эффективный помощник в заработке денег.</a></p> <br><div class="dewer"></div></li>
</ul>

</div>

 

9. Кнопки с увеличением в сайдбаре

<div class="pole">
<div class="investtitle">Форекс разделы:</div>
<div id="content11">
<ul id="menu">
<li><a href="http://webmastermaksim.ru/category/foreks/sovetniki" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Советники Форекс</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/vlozhenie-deneg" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Вложение денег</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/strategii" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Стратегии Форекс</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/indikatory-foreks" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Индикаторы Форекс</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/brokery" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Форекс брокеры</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/foreks-doxod-otchety" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Отчеты о заработке</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/texnicheskij-i-svechnoj-analiz" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Технический анализ</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/svechnoj-analiz" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Свечной анализ</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/skripty" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Форекс скрипты</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/metatrader" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">МетаТрейдер</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/knigi" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Книги по Форекс</a></li>
<li><a href="http://webmastermaksim.ru/category/foreks/dlya-nachinayushhix" target="”_blank”" onclick="yaCounter6405709.reachGoal('rubriki-forex'); return true;">Форекс для начинающих</a></li></ul></div></div>

2 вариант

<div class="box2">
<div class="title1">Полезное из рубрики: <a href="http://webmastermaksim.ru/category/foreks/sovetniki" title="Советники" target="_blank">Советники</a>; <a href="http://webmastermaksim.ru/category/foreks" title="Форекс" target="_blank">Форекс</a>; <p></p><hr></div>

<ul>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/sovetnik-setochnik-reticolofx-besplatnyj-robot-dlya-torgovli-na-foreks-korzinami-orderov-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник сеточник ReticoloFX - бесплатный робот для торговли на Форекс корзинами ордеров"><p><a href="http://webmastermaksim.ru/foreks/sovetnik-setochnik-reticolofx-besplatnyj-robot-dlya-torgovli-na-foreks-korzinami-orderov.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник сеточник ReticoloFX – бесплатный робот для торговли на Форекс корзинами ордеров.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/sovetnik-gepard-eto-slivator-uznaem-eto-vmeste-prisoedinyajtes-gepard-skachat-vse-versii-2-3-i-3-2-1-i-5-i-7-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник Gepard - это сливатор? Узнаем это вместе! Присоединяйтесь! Гепард скачать все версии 2.3 и 3.2.1 и 5 и 7."><p><a href="http://webmastermaksim.ru/foreks/sovetnik-gepard-eto-slivator-uznaem-eto-vmeste-prisoedinyajtes-gepard-skachat-vse-versii-2-3-i-3-2-1-i-5-i-7.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник Gepard – это сливатор? Узнаем это вместе! Присоединяйтесь! Гепард скачать все версии 2.3 и 3.2.1 и 5 и 7.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/10/besplatnye-i-platnye-foreks-sovetniki-testiruyu-ekspertov-v-rezhime-realnogo-vremeni-prisoedinyajtes-i-nablyudajte-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Бесплатные и платные Форекс советники - тестирую экспертов в режиме реального времени! Присоединяйтесь и наблюдайте!"><p><a href="http://webmastermaksim.ru/foreks/besplatnye-i-platnye-foreks-sovetniki-testiruyu-ekspertov-v-rezhime-realnogo-vremeni-prisoedinyajtes-i-nablyudajte.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Бесплатные и платные Форекс советники – тестирую экспертов в режиме реального времени! Присоединяйтесь и наблюдайте!</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/07/foreks-sovetnik-cobra-avtomaticheskij-trejder-dlya-terminala-metatrejder-4-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Форекс советник Cobra - автоматический трейдер для терминала МетаТрейдер 4"><p><a href="http://webmastermaksim.ru/foreks/foreks-sovetnik-cobra-avtomaticheskij-trejder-dlya-terminala-metatrejder-4.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Форекс советник Cobra и Cobra Adrenaline для терминала МетаТрейдер 4.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/07/avtomaticheskij-sovetnik-foreks-wall-street-forex-robot-nadezhnyj-pomoshhnik-v-dostizhenii-uspexa-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Автоматический советник форекс Wall Street forex robot – надежный помощник в достижении успеха."><p><a href="http://webmastermaksim.ru/foreks/avtomaticheskij-sovetnik-foreks-wall-street-forex-robot-nadezhnyj-pomoshhnik-v-dostizhenii-uspexa.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Автоматический советник форекс Wall Street forex robot – надежный помощник в достижении успеха.</a></p> <br><div class="dewer"></div></li>
<li class="poxogie"><img width="40" height="40" src="http://webmastermaksim.ru/wp-content/uploads/2013/05/sovetnik-turbo-profit-3-1-effektivnyj-pomoshhnik-v-zarabotke-deneg-40x40.jpeg" class="attachment-40x40 wp-post-image" alt="Советник Turbo Profit 3.1 - эффективный помощник в заработке денег."><p><a href="http://webmastermaksim.ru/foreks/sovetnik-turbo-profit-3-1-effektivnyj-pomoshhnik-v-zarabotke-deneg.html" target="_blank" onclick="yaCounter6405709.reachGoal('poxoj-post-moi'); return true;">Советник Turbo Profit 3.1 – эффективный помощник в заработке денег.</a></p> <br><div class="dewer"></div></li>
</ul>

</div>

 

10. Обязательно прочитай

.statiya-v-temu{
font-size:20px;
border:dashed 3px #3f9f3f;
padding:20px 10px 20px 10px;
margin:20px 0px 20px 0px;
background-color:#e9ffd4;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-weight:bold;
}
.statiya-v-temu a{
color:#b42f2f;
font-weight:bold;
font-size:18px;
}
.statiya-v-temu ul{
line-height:26px;
list-style:none;
color:#00000;
font-weight:bold;
font-size:16px;
padding:0px 0px 0px 50px;
}

 

<div class="statiya-v-temu">Обязательно читать: <a title="PipStrider Мартингейл советник форекс – прибыльный и безопасный." href="http://webmastermaksim.ru/foreks/martingejl-sovetnik-foreks-pipstrider-pribylnyj-i-bezopasnyj.html" target="_blank">Не сливающий форекс робот на Мартингейле</a></div> 

 

11. 6 картинок со ссылками на статьи

div.budu {text-align: center;font:bold 125% Trebuchet MS, Verdana, Arial;margin:35px 0 10px 0;}

ol.sdfhju {margin-left:-20px !important;}

.rle a:hover {text-decoration:underline;color:#000000 !important;}

.rle {border:solid 1px #ccc;margin:0px 8px 16px 8px !important;float:left;list-style-type:none;height:270px;}

div.tumbr {padding:15px 0px 15px 10px;}

.fhjk {color:#333;margin:10% auto;text-align:center;padding:0 0px 0 10px;margin:10px 0 0 0;width:200px;font:700 1.2em/1  "PT Sans Narrow", Arial, sans-serif;line-height:18px;}

img.wp-post-image {
height:90px;
width:190px;
background:#eeeeee; border:1px solid #cccccc
}

 

<div class="budu">Самое интересное и полезное из категории "<a href="http://ktonanovenkogo.ru/category/zarabotok_na_saite/context">РСЯ и Google AdSense</a>, <a href="http://ktonanovenkogo.ru/category/zarabotok_na_saite/dengi">Электронные деньги</a>"</div>
<ol class="sdfhju">
<li class="rle">
<div class="tumbr"><a href="http://rtr24.ru/"><img class="wp-post-image" src="/images/seo/rtr24/win-baner.png" border="10" alt="Как удалить вирус банер блокирующий windows" title="Как удалить вирус банер блокирующий windows" /></a></div>
<div class="fhjk">Как удалить вирус банер блокирующий windows</div>
</li>
<li class="rle">
<div class="tumbr"><img class="wp-post-image" src="http://ktonanovenkogo.ru/wp-content/uploads/2014/01/21-01-201422-18-232-300x132.png" border="0" /></div>
<div class="fhjk">Рекламная сеть Яндекса (РСЯ) и</div>
</li>
<li class="rle">
<div class="tumbr"><img class="wp-post-image" src="http://ktonanovenkogo.ru/wp-content/uploads/2013/10/google-adsense-300x211.jpg" border="0" /></div>
<div class="fhjk">Google AdSense — регистрация, вход, получение и</div>
</li>
<li class="rle">
<div class="tumbr"><img class="wp-post-image" src="http://ktonanovenkogo.ru/wp-content/uploads/2013/10/yandex-direkt-300x180.jpg" border="0" /></div>
<div class="fhjk">Яндекс Директ — самостоятельная настройка кампании, снижение цены</div>
</li>
<li class="rle">
<div class="tumbr"><img class="wp-post-image" src="http://ktonanovenkogo.ru/wp-content/uploads/2013/10/yandex-direkt-300x180.jpg" border="0" /></div>
<div class="fhjk">Яндекс Директ — самостоятельная настройка кампании, снижение цены</div>
</li>
<li class="rle">
<div class="tumbr"><img class="wp-post-image" src="http://ktonanovenkogo.ru/wp-content/uploads/2013/10/yandex-direkt-300x180.jpg" border="0" /></div>
<div class="fhjk">Яндекс Директ — самостоятельная настройка кампании, снижение цены</div>
</li>
</ol>

 

Файл template.css из которого берем коды

*{padding:0 0 0 0;margin:0 0 0 0;}ul,ol{margin:0.2em 0 1.4em 0;padding:0 0 0 2em;}body{font-size:70%;font-family:Arial,Verdana,Sans-Serif;background:#e3e8ec;color:#000;}p{text-align:left;font-size:1.1em;padding:8px 0px 8px 0px;}h1{font-style:oblique;padding:10px 40px 20px 30px;color:#b3976c;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;}h2{font-style:oblique;padding:20px 40px 20px 30px;color:#b3976c;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;}h2 a{text-decoration:none;font-size:1.3em;text-align:left;color:#b3976c;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;}h2 a:hover{text-decoration:underline;text-align:left;font-size:1.3em;color:#f9bc09;text-shadow:1px 1px 30px #000,-1px -1px 3px #FFF,1px 1px #000,-1px -1px #FFF;}h3{padding:20px 40px 20px 30px;color:#b3976c;}a{color:#b3876c;}a:hover{text-decoration:none;color:#0066FF;}a:visited{color:#0000FF;}#wrapper{margin:0 auto;width:1024px;display:block;}#header{width:1024px;display:block;overflow:hidden;}.logo{display:block;float:left;}.logo img{width:100%;height:auto;}.test_class{position:absolute;top:0;left:0;display:block;width:250px;height:120px;text-decoration:none;z-index:1;}#container{width:1024px;padding:0px 0 0 0px;}#content{float:left;width:675px;padding:0px 0px 20px 0px;}.post{padding:20px 5px 20px 5px;}.entry p{margin:0px 0;}.entry{font-family:Tahoma;font-size:1.2em;line-height:20px;padding:0 20px 0 20px;}.entry1 img{float:left;padding-right:40px;margin:3px 19px 15px 0;padding:8px;}.vajno,.more,.skacati,.info,.mail,.kod,.box2,.entry1 img,.ban1,.ban2,.pole,.postjumper,.wp-pagenavi a,#bottom-bar,#footer{-moz-border-radius:10px;border-radius:10px;border:1px solid #b3876c;-moz-box-shadow:3px 3px 3px 3px #999999;-webkit-box-shadow:#999 3px 3px 3px 3px;box-shadow:3px 3px 3px 3px #999999;}.vajno,.skacati,.info,.mail,.kod,.box2{margin:10px;padding:15px 20px 15px 80px;background-position:20px 50%;background-repeat:no-repeat;position:relative;}.pole{margin:0px 0px 15px 0px;background-color:#FFFFFF;}.vajno:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}#breadcrumbs{overflow:hidden;width:100%;padding:0px 0px 0px 40px;}#breadcrumbs a{float:left;margin:0 2em 0 0;}#breadcrumbs a{background:#ddd;padding:.7em 1em;float:left;text-decoration:none;color:#444;text-shadow:0 1px 0 rgba(255,255,255,.5);position:relative;}#breadcrumbs a:hover{background:#99db76;}#breadcrumbs a::before{content:"";position:absolute;top:50%;margin-top:-1.5em;border-width:1.5em 0 1.5em 1em;border-style:solid;border-color:#ddd #ddd #ddd transparent;left:-1em;}#breadcrumbs a:hover::before{border-color:#99db76 #99db76 #99db76 transparent;}#breadcrumbs a::after{content:"";position:absolute;top:50%;margin-top:-1.5em;border-top:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left:1em solid #ddd;right:-1em;}#breadcrumbs a:hover::after{border-left-color:#99db76;}#breadcrumbs .current,#breadcrumbs .current:hover{font-weight:bold;background:none;}#breadcrumbs .current::after,#breadcrumbs .current::before{content:normal;}.opisi-rubrik{}.statiya-v-temu{font-size:20px;border:dashed 3px #3f9f3f;padding:20px 10px 20px 10px;margin:20px 0px 20px 0px;background-color:#e9ffd4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;}.statiya-v-temu a{color:#b42f2f;font-weight:bold;font-size:18px;}.statiya-v-temu ul{line-height:26px;list-style:none;color:#00000;font-weight:bold;font-size:16px;padding:0px 0px 0px 50px;}.mail{background-color:#E4F6F8;font-size:0.9em;padding:15px 10px 15px 10px;}.mail li{list-style-image:url(http://images.webmastermaksim.ru/images/galka.png);margin-left:20px;}.test_class1{position:absolute;top:0;left:0;display:block;width:25px;height:151px;text-decoration:none;z-index:1;}.notfound{margin:100px auto;text-align:center;font-size:2em;font-weight:bold;color:#7e2d17;}.quickjump{padding:10px 0 0 20px;font-size:1.5em;font-weight:bold;line-height:18px;color:#782f02;}.postjumper{float:left;padding:6px 6px 6px 6px;margin:0px 5px 0px 5px;color:#000;background-color:#ffffff;}.postjumper a{text-decoration:none;}.quickjump :hover{background-color:#f9bc09;}.wp-pagenavi{padding:25px 0px 15px 9px;}.wp-pagenavi a{padding:2px 4px;margin:2px;text-decoration:none;color:#000;background-color:#f9bc09;}.wp-pagenavi u{padding:3px 4px 3px 4px;border:2px solid #f9bc09;color:#000;background:#b3876c;}#sidebar{float:right;width:332px;margin:11px 0px 0px 0px;}#sidebar ul li a{list-style:none;}.subscribe_icons{text-align:center;padding:10px;}.subscribe_icons i{display:inline-block;margin:0 3px;}.subscribe_icons i:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.5;}.sprite{background-image:url(./images/soc-icons.png);background-repeat:no-repeat;display:inline-block;}.sprite-facebook-32{width:32px;height:32px;background-position:0 0;}.sprite-google_plus-32{width:32px;height:32px;background-position:-32px 0;}.sprite-odnoklassniki-32{width:32px;height:32px;background-position:-64px 0;}.sprite-social_style_3_rss-32{width:32px;height:32px;background-position:-96px 0;}.sprite-twitter-32{width:32px;height:32px;background-position:-128px 0;}.sprite-vkontakte-32{width:32px;height:32px;background-position:-160px 0;}#content11 a,a:hover{color:#444;text-decoration:none;}#content11{width:250px;}#menu{margin:1em auto 0 auto;}#menu li{list-style-type:none;margin:8px 0px 8px 25px;font-size:15px;background:#e9ffd4;padding:10px 10px 10px 10px;-webkit-box-shadow:inset 0px 0px 10px #3f9f3f;-moz-box-shadow:inset 0px 0px 10px #3f9f3f;box-shadow:inset 0px 0px 10px #3f9f3f;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-moz-border-radius:5px;border-radius:5px;}#menu li:hover{margin-left:-1em;margin-right:1em;background:#9ddc3a;-webkit-box-shadow:0px 0px 20px #3f9f3f;-moz-box-shadow:0px 0px 20px #3f9f3f;box-shadow:0px 0px 20px #3f9f3f;}#barkart ul{margin:0;padding:0;}#barkart li{overflow:hidden;height:45px;position:relative;padding-top:5px;list-style-type:none;}#barkart li a{display:block;font-size:16px;color:#333;list-style-type:none;}#barkart li span{display:block;}#barkart li a img{float:left;margin-right:0;}#barkart ul li:hover{background:#e1dfd9;}#barkart li{padding:4px 0;padding-left:10px;font-size:1.2em;}.categorii li{list-style-image:url(http://images.webmastermaksim.ru/images/strela.jpeg);margin-left:2.3em;padding:4px 0;font-size:1.2em;}.categorii a{color:#333;padding:0px 0 4px 0px;}.yashare-auto-init{padding:0 0px 10px 20px;}.a-btn{background:#a3d479;padding-left:90px;padding-right:105px;height:90px;display:inline-block;position:relative;border:1px solid #80ab5d;box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 1px 3px border-radius: 4px;float:left;clear:both;margin:5px 0px;overflow:hidden;transition:box-shadow 0.3s ease-in-out;text-decoration:none;}.a-btn img{position:absolute;left:15px;top:13px;border:none;transition:all 0.3s ease-in-out;}.a-btn .a-btn-slide-text{position:absolute;font-size:36px;top:18px;left:18px;color:#FFFFFF;opacity:0;text-shadow:0px 1px 1px rgba(255,255,255,0.4);transition:opacity 0.2s ease-in-out;}.a-btn-text{padding-top:16px;display:block;font-size:30px;text-shadow:0px -1px 1px #80ab5d;color:#000000;text-align:center;}.a-btn-text small{display:block;font-size:13px;letter-spacing:1px;}#a-btn a{font-family:"Times New Roman",Times,serif;}#a-btna: hover {color:#000000;}.a-btn-icon-right{position:absolute;right:0px;top:0px;height:100%;width:80px;border-left:1px solid #80ab5d;box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;}.a-btn-icon-right span{width:38px;height:38px;opacity:0.7;border-radius:20px;position:absolute;left:50%;top:50%;margin:-20px 0px 0px -20px;border:1px solid rgba(0,0,0,0.5);background:#4e5c50 url(http://images.webmastermaksim.ru/images/arrow_down.png) no-repeat center center;box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset,0px 1px 2px rgba(255,255,255,0.5);transition:all 0.3s ease-in-out;}.a-btn:hover{box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 1px 5px rgba(0,0,0,0.4);}.a-btn:hover img{transform:scale(10);opacity:0;}.a-btn:hover .a-btn-slide-text,.a-btn:hover .a-btn-icon-right span{opacity:1;}.postmetadata{padding:10px 10px 10px 20px;margin:0;color:#aaa;font-size:1em;}#footer{width:1004px;height:60px;clear:both;background-color:#f9be0c;text-align:justify;font-size:1.2em;color:#000000;padding:4px 10px 0 10px;}.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}.wp-caption{width:auto;display:block;background-color:#c6c6c6;border-top:1px solid #F9F9F9;border:1px solid #000000;}.wp-caption-text{text-align:center;font-size:14px;}.wp-caption img{width:100%;}.mirrortrader{padding:20px 0px 20px 14px;}.box2{background:#fff;padding:0 18px 0px 0px;}.box2 li{display:block;}.poxogie img{float:left;margin:8px 8px 8px 0px;border:4px solid #eee;}.poxogie{clear:left;font-size:1.1em;}.title1{font-weight:bold;font-size:14px;margin:5% 0% 5% 4%;}.comm-center{margin:0 5% 0 5%;}.invertedshiftdown{padding:0px 0px 20px 0px;width:964px;border-top:5px solid #b3876c;background:transparent;voice-family:"\"}\"";voice-family:inherit;repeat-x;background-position:0px -10px;height:31px;z-index:1000;}.invertedshiftdown ul{margin:0;margin-left:40px;padding:0px 0px 30px 0px;list-style:none;z-index:1000;}.invertedshiftdown li{display:inline;margin:0 2px 0 0;padding:0px 0px 30px 0px;text-transform:uppercase;z-index:1000;}.invertedshiftdown a{float:left;display:block;font:bold 12px Arial;color:black;text-decoration:none;margin:0 4px 0 0;padding:5px 10px 9px 10px;background-color:white;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;border-bottom-right-radius:8px;border:1px solid #b3876c;z-index:1000;}.invertedshiftdown a:hover{background-color:#f9bc09;padding-top:9px;padding-bottom:5px;color:#b3876c;z-index:1000;}#invest{height:540px;padding:20px 0px 95px 0px;}#invest li{list-style-image:url(http://images.webmastermaksim.ru/images/strela.jpeg);margin-left:2.3em;}.investtitle{font-size:16px;font-weight:bold;color:#ffffff;font:Arial;background-color:#3f9f3f;padding:10px 0px 8px 22px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;}.investtitle-2{font-size:16px;font-weight:bold;color:#000000;font:Arial;background-color:#f9bc0c;padding:10px 0px 8px 22px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;}.investtitle-3{font-size:16px;font-weight:bold;color:#000000;font:Arial;padding:10px 0px 8px 22px;}.more{background-color:#f9bc0c;margin:40px 0px 0px 240px;padding:15px 5px 15px 80px;background-position:20px 50%;background-image:url(http://images.webmastermaksim.ru/images/more.jpeg);background-repeat:no-repeat;}.more a{color:#0066FF;}.more a:hover{color:#b3876c;}.jadnosti{font-size:30px;font-weight:bold;color:#f9bc0c;padding:40px 0px 40px 0px;font-family:sans-serif,Helvetica,Arial;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;}.green,.blue,.oranj,.blond{background:#7aab22;padding:20px 0 20px 30px;color:#fff;font-weight:bold;margin:0 0 15px 0;height:38px;-moz-border-radius:10px;border-radius:10px;border:1px solid #b3876c;-moz-box-shadow:3px 3px 3px 3px #999999;-webkit-box-shadow:#999 3px 3px 3px 3px;box-shadow:3px 3px 3px 3px #999999;}.green a,.blue a,.oranj a,.blond a{color:#fff;font-size:150%;font-weight:bold;}.green{background:#7aab22;}.blue{background:#2d9cbf;}.oranj{background:#fd7915;}.blond{background:#b87333;}.yarpp{list-style-type:none;width:610px;height:200px;padding:0px 0px 0px 13px;}.rle{margin:3px 10px 3px 3px;float:left;list-style-type:none;width:190px;height:190px;}.knopka-utub{padding:50px 0px 0px 70px;z-index:1;position:absolute;}.yarpptitle{color:#333;margin:15px 5px 15px 5px;}.soccenter{padding:0px 0px 0px 100px;}#navi{display:block;background:#008000;height:35px;text-align:center;}#nav{background:#008000;margin:0;width:auto;padding:0;display:inline-block;position:relative;font:bold 13px "Trebuchet MS",Verdana,Arial;}#nav ul{list-style:none;margin:0;padding:0;display:block;}#nav ul:after,#nav:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden;}#nav ul li{margin:0;padding:0;display:block;position:relative;}#nav ul li a{text-decoration:none;display:block;margin:0;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#nav ul li ul{position:absolute;left:-9999px;top:auto;}#nav ul li ul li{max-height:0;position:absolute;-webkit-transition:max-height 0.4s ease-out;-moz-transition:max-height 0.4s ease-out;-ms-transition:max-height 0.4s ease-out;-o-transition:max-height 0.4s ease-out;transition:max-height 0.4s ease-out;background:#ffffff;}#nav ul li ul li.has-sub:after{display:block;position:absolute;content:"";height:10px;width:10px;border-radius:5px;background:#000000;z-index:1;top:13px;right:15px;}#nav.align-right ul li ul li.has-sub:after{right:auto;left:15px;}#nav ul li ul li.has-sub:before{display:block;position:absolute;content:"";height:0;width:0;border:3px solid transparent;border-left-color:#ffffff;z-index:2;top:15px;right:15px;}#nav.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#ffffff;}#nav ul li ul li a{font-size:14px;font-weight:400;text-transform:none;color:#000000;letter-spacing:0;display:block;width:170px;padding:11px 10px 11px 20px;}#nav ul li ul li:hover>a,#nav ul li ul li.active>a{color:#4cb6ea;}#nav ul li ul li:hover:after,#nav ul li ul li.active:after{background:#4cb6ea;}#nav ul li ul li:hover>ul{left:100%;top:0;}#nav ul li ul li:hover>ul>li{max-height:72px;position:relative;}#nav>ul>li{float:left;}#nav>ul>li:after{content:"";display:block;position:absolute;width:100%;height:0;top:0;z-index:0;background:#ffffff;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s;}#nav>ul>li>a{color:#ffffff;padding:0 20px;display:inline-block;line-height:35px;letter-spacing:1px;text-transform:uppercase;font-size:14px;z-index:2;position:relative;border-right:1px solid #b4e237;}#nav>ul>li:last-child>a{border-right:0;}#nav>ul>li>a:hover{background:#3f9f3f;}#nav>ul>li:hover>ul{left:0;}#nav>ul>li:hover>ul>li{max-height:72px;position:relative;}#nav #menu-button{display:none;}#nav>ul>li>a{display:block;}#nav>ul>li{width:auto;}#nav>ul>li>ul{width:170px;display:block;}#nav>ul>li>ul>li{width:170px;display:block;}.y-share{padding:10px 0 10px 20px!important;}.top-comment{height:100%;}.top-comment table{min-height:100%;height:100%;width:100%;}.top-comment table tr{text-align:center;vertical-align:top;}.top-comment table td{padding:0 5px 15px 5px;}.top-comment .avatar-top img{-webkit-box-shadow:#666 0px 2px 3px;-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;padding:3px;background:white;border-image:initial;border:1px solid #D0D0BB;margin:0 0 3px 0;}.top-comment .avatar-comment{font-size:12px;}.book{height:151px;width:22px;padding-left:0px;position:fixed;top:45%;left:0;z-index:5;background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -10px;}.moi-pamm-aforex,.sovetnik,.sms,.alpari,.trend,.opcion,.pant,.zulutrade,.forex4you,.sovetnik1,.pips,.sovetnik3,.alfa,.mql5,.myfxbook,.signolialipari{width:50px;height:50px;float:left;margin:0px 0px 0px 0px;}.moi-pamm-aforex{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -181px;}.sovetnik{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -241px;}.sms{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -307px;}.alpari{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -373px;}.trend{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -433px;}.pant{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -492.999969482422px;}.opcion{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -553px;}.zulutrade{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -613px;}.forex4you{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -673px;}.sovetnik1{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -733px;}.pips{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -799px;}.sovetnik3{background-image:url(http://images.webmastermaksim.ru/images/spriteme2.png);background-position:-10px -865px;}.alfa{background-image:url(http://images.webmastermaksim.ru/images/alfa-forex.png);}.mql5{background-image:url(http://images.webmastermaksim.ru/images/mql5.png);}.myfxbook{background-image:url(http://images.webmastermaksim.ru/images/myfxbook.png);}.signolialipari{background-image:url(http://images.webmastermaksim.ru/images/signoli-alipari.png)}.registracia{background-color:#e9ffd4;background-image:url(http://images.webmastermaksim.ru/images/registracia.png);padding:25px 20px 25px 80px;background-position:20px 50%;background-repeat:no-repeat;position:relative;border:1px solid #3f9f3f;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:3px 3px 3px 3px #999999;-webkit-box-shadow:#999 3px 3px 3px 3px;box-shadow:3px 3px 3px 3px #999999;margin:20px 0px 20px 0px;}.registracia a{color:#b42f2f;font-weight:bold;font-size:18px;}.vajno{background-color:#FFD4A0;background-image:url(http://images.webmastermaksim.ru/images/vajno.png);}.kod{background-color:#E9FFD4;background-image:url(http://images.webmastermaksim.ru/images/kod.png);}.info{background-color:#FFFFCC;background-image:url(http://images.webmastermaksim.ru/images/info.png);}.mail li{list-style-image:url(http://images.webmastermaksim.ru/images/galka.png);margin-left:20px;}.dewer{border:dashed 1px #3f9f3f;}#searchform{float:right;padding:20px 0px 10px 0px;}#search-block-form{width:310px;height:28px;border:#3f9f3f solid 2px;box-shadow:2px 2px 8px rgba(0,0,0,0.3);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.3);}#search-block-form input{padding:0;margin:0;display:block;border:none;outline:none;background:none;width:100%;height:100%;}#search-block-form .form-actions{width:65px;height:28px;float:right;border:#3f9f3f solid 1px;margin:-1px -1px 0 0;background:#3f9f3f;box-shadow:2px 2px 8px rgba(0,0,0,0.3);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.3);}.focus-active{border-color:#aaa!important;background:#fff!important;}#search-block-form .form-actions input:hover{cursor:pointer;}#search-block-form .form-actions input{overflow:hidden;font:14px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#ffffff;}#search-block-form .form-item{width:157px;padding:0 0 0 33px;float:left;height:28px;background:url(http://images.webmastermaksim.ru/images/searchIcon.png) 3px 2px no-repeat;}#search-block-form .form-item input{font:14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#222;height:auto!important;padding:6px 0;}span.main a{display:block;width:190px;height:50px;text-align:center;color:#FFF;background:#3f9f3f;font:bold 17px/50px Arial;text-decoration:none;text-transform:uppercase;}span.top a{display:block;position:absolute;z-index:-1;width:170px;height:40px;background:#000;color:#FFF;margin:-40px 0 0 10px;font:bold 13px/35px Arial;text-decoration:none;text-transform:uppercase;text-align:center;}span.bottom a{display:block;position:absolute;z-index:-1;width:170px;height:40px;background:#000;color:#FFF;margin:-45px 0 0 10px;font:bold 13px/45px Arial;text-decoration:none;text-transform:uppercase;text-align:center;}div.button span a{border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,0.3);-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.3);-moz-border-radius:10px;-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.3);}.button:hover span.top a{margin:-82px 0 0 10px;}.button:hover span.bottom a{margin:-7px 0 0 10px;}.button a:active{background:#FB4C4C;}.button:active span.top a{margin:-82px 0 0 10px;}.button:active span.bottom a{margin:-7px 0 0 10px}.navbutton{float:left;}.forextrend{margin:0px;padding:0px;width:100%;box-shadow:10px 10px 5px #888888;border:1px solid #3f7f00;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}.forextrend table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0px;padding:0px;}.forextrend tr:last-child td:last-child{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}.forextrend table tr:first-child td:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}.forextrend table tr:first-child td:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}.forextrend tr:last-child td:first-child{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}.forextrend tr:hover td{background-color:#ffffff;}.forextrend td{vertical-align:middle;background-color:#d4ffaa;border:1px solid #3f7f00;border-width:0px 1px 1px 0px;text-align:left;padding:11px;font-size:12px;font-family:Arial;font-weight:normal;color:#000000;}.forextrend tr:last-child td{border-width:0px 1px 0px 0px;}.forextrend tr td:last-child{border-width:0px 0px 1px 0px;}.forextrend tr:last-child td:last-child{border-width:0px 0px 0px 0px;}.forextrend tr:first-child td{background:-o-linear-gradient(bottom,#5fbf00 5%,#3f7f00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5fbf00),color-stop(1,#3f7f00));background:-moz-linear-gradient(center top,#5fbf00 5%,#3f7f00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00",endColorstr="#3f7f00");background:-o-linear-gradient(top,#5fbf00,3f7f00);background-color:#5fbf00;border:0px solid #3f7f00;text-align:center;border-width:0px 0px 1px 1px;font-size:18px;font-family:Arial;font-weight:bold;color:#ffffff;}.forextrend tr:first-child:hover td{background:-o-linear-gradient(bottom,#5fbf00 5%,#3f7f00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5fbf00),color-stop(1,#3f7f00));background:-moz-linear-gradient(center top,#5fbf00 5%,#3f7f00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00",endColorstr="#3f7f00");background:-o-linear-gradient(top,#5fbf00,3f7f00);background-color:#5fbf00;}.forextrend tr:first-child td:first-child{border-width:0px 0px 1px 0px;}.forextrend tr:first-child td:last-child{border-width:0px 0px 1px 1px;}.subscribe{margin:20px auto;padding:20px;width:490px;background:white;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 0px 2px rgba(0,0,0,0.5);}.subscribe-pitch{padding-left:120px;background:url("http://images.webmastermaksim.ru/images/email.png") 5px center no-repeat;}.subscribe-pitch>h3{margin:0 0 12px;font-size:14px;font-weight:bold;color:#222;text-transform:uppercase;}.subscribe-pitch>p{line-height:22px;color:#484848;}.subscribe-form{position:relative;margin:20px -20px -20px;padding:15px;background:#fafafa;border-top:1px solid #ccc;border-radius:0 0 6px 6px;background-image:-webkit-linear-gradient(top,#fafafa,#eaeaea 50%,#e1e1e1 51%,#f2f2f2);background-image:-moz-linear-gradient(top,#fafafa,#eaeaea 50%,#e1e1e1 51%,#f2f2f2);background-image:-o-linear-gradient(top,#fafafa,#eaeaea 50%,#e1e1e1 51%,#f2f2f2);background-image:linear-gradient(to bottom,#fafafa,#eaeaea 50%,#e1e1e1 51%,#f2f2f2);-webkit-box-shadow:inset 0 1px white;box-shadow:inset 0 1px white;}.subscribe-input{padding:0 16px;margin-bottom:5px;width:60%;height:35px;font-family:'Lucida Grande',Tahoma,Verdana,sans-serif;font-size:15px;color:#444;background:#fefefe;background-clip:padding-box;border:1px solid;border-color:#999 #aaa #aaa;border-radius:20px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2),0 1px #f8f8f8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2),0 1px #f8f8f8;}.subscribe-input:focus{outline:0;}.subscribe-submit{display:block;position:absolute;top:15px;right:15px;height:75px;width:22%;background:#60e160;border:1px solid;border-color:#4c9d50 #4c9d50 #4c9d50 #55af5a;border-radius:20px 20px 20px 20px;cursor:pointer;font-size:15px;text-shadow:none;color:#000;background-image:-webkit-linear-gradient(top,#84f087,#4cd94a);background-image:-moz-linear-gradient(top,#84f087,#4cd94a);background-image:-o-linear-gradient(top,#84f087,#4cd94a);background-image:linear-gradient(to bottom,#84f087,#4cd94a);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.4);box-shadow:inset 0 1px rgba(255,255,255,0.4);}.lt-ie9 .subscribe-input{line-height:33px;}.post-ratings{width:100%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}.post-ratings-loading{display:none;height:16px;text-align:left;}.post-ratings-image{border:0px;}.post-ratings IMG,.post-ratings-loading IMG,.post-ratings-image IMG{border:0px;padding:0px;margin:0px;}.post-ratings-text{}.post-ratings-comment-author{font-weight:normal;font-style:italic;}#aboutme{display:block;width:330px;height:360px;float:right;margin-top:20px;}#listticker{height:190px;width:310px;overflow:hidden;padding:6px 10px 14px 10px;border:dashed 2px #3f9f3f;background-color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;}#listticker li{border:0;margin:0;padding:0;list-style:none;}#listticker li{height:60px;padding:5px;list-style:none;}#listticker a{color:#000000;margin-bottom:}#listticker .news-title{display:block;font-weight:bold;margin-bottom:4px;font-size:11px;}#listticker .news-text{display:block;font-size:11px;color:#666666;}#listticker img{float:left;margin-right:14px;padding:4px;border:solid 1px #DEDEDE;}.tekst-zel{color:#3f9f3f;font-weight:bold;font-size:1.3em;}#optin{width:292px;height:265px;background:#393939 url(http://images.webmastermaksim.ru/images/dark.png) repeat-x top;border:3px solid #111;color:#fff;padding:8px 15px;text-align:center;text-shadow:2px 2px #000;}.zaziv:before{content:" Да, Я Хочу Всегда Быть В Курсе Новых Событий На Сайте!";color:#ffffff;display:block;font-size:22px;-webkit-margin-before:10px;-webkit-margin-after:10px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:bold;}.zaziv1:before{content:"Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:";color:#ffffff;padding:0px 0px 20px 0px;font-size:13px;}#optin p{margin:8px 0 0}#optin input{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 2px 2px #111;-moz-box-shadow:0 2px 2px #111;-webkit-box-shadow:0 2px 2px #111}#optin input[type="text"]{border:1px solid #111;font-size:15px;margin-bottom:10px;padding:8px 10px;width:90%}#optin input.email{background:#fff url(http://images.webmastermaksim.ru/images/email1.png) no-repeat center right}#optin input.name{background:#fff url(http://images.webmastermaksim.ru/images/name.png) no-repeat center right}#optin input[type="submit"]{background:#960e17 url(http://images.webmastermaksim.ru/images/red.png) repeat-x top;border:1px solid #111;color:#fff;cursor:pointer;font-size:18px;font-weight:bold;padding:8px 15px;text-shadow:-1px -1px #3a060a;}#optin input[type="submit"]:hover{color:#ffa5a5}#optin1{width:590px;background:#efefef url(images/gray-form.png) repeat-x;border:5px dashed #217b30;padding:20px 10px 20px 10px;text-align:center;text-shadow:1px 1px #fff;margin-top:10px;}.zaziv8:before{content:"Подпишись и получи доступ к хранилищу советников, индикаторов, книг ...";color:#333;font-size:24px;-webkit-margin-before:0.83em;-webkit-margin-after:0.83em;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:bold;}.zaziv9:before{content:"Ссылка придет на E-mail. Сохраните ее в закладки. Неактивные читатели идут в черный список Пожизненно:";color:#333;font-size:16px;margin:8px 0 0;}.zaziv10:before{content:"Ссылка от хранилища меняется, неактивным больше не дается (открывайте каждое письмо и переходите по ссылкам):";color:#333;font-size:16px;}#optin1 div{font-size:16px;margin-bottom:5px;}#optin1 input{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 2px 2px #ddd;-moz-box-shadow:0 2px 2px #ddd;-webkit-box-shadow:0 2px 2px #ddd}#optin1 input.email{background:#fff url(images/email.png) no-repeat center right;border:1px solid #ccc;font-size:14px;margin:0px 0px 10px 10px;padding:8px 10px;width:43%;float:left;}#optin1 input.name{background:#fff url(images/name.png) no-repeat center right;border:1px solid #ccc;font-size:14px;margin:0px 5px 10px 10px;padding:8px 10px;width:43%;float:left;}#optin1 input[type="submit"]{background:#217b30 url(images/green.png) repeat-x top;border:1px solid #137725;color:#fff;cursor:pointer;font-size:18px;font-weight:bold;padding:8px 30px;text-shadow:-1px -1px #1c5d28;}#optin1 input[type="submit"]:hover{color:#c6ffd1}.oglavlenie{float:right;background-color:#e9ffd4;padding:0px 10px 0px 0px;border:1px solid #3f9f3f;}.oglavlenie:before{content:" Оглавление";color:#ccc;line-height:2em;padding:0px 0px 0px 10px;}#block_single{width:580px;height:130px;padding:20px;background:#f8f8f8;text-align:center;border:1px solid #eee;}.bs_h2{padding:0 0 10px;font:bold 19px Verdana,Arial,sans-serif;color:#0f4568;}.bs_d{font:normal 16px Verdana,sans-serif;color:#0f4568;float:left;margin-bottom:10px;}.bs_a{background:#43afca;text-align:center;text-decoration:none!important;font:normal 19px/50px Arial,sans-serif;color:#fffffe!important;cursor:pointer;padding:10px 20px;}.bs_a:hover{background:#57B6CE;color:#fffffe;}.bs_a:active{background:#40A1B9;}@media screen and (max-width: 1024px) {#nav{display:block;}#nav>ul{max-height:0;overflow:hidden;-webkit-transition:max-height 0.35s ease-out;-moz-transition:max-height 0.35s ease-out;-ms-transition:max-height 0.35s ease-out;-o-transition:max-height 0.35s ease-out;transition:max-height 0.35s ease-out;}#nav>ul>li>ul{width:100%;display:block;}#nav.align-right ul li a{text-align:left;}#nav>ul>li>ul>li{width:100%;display:block;}#nav.align-right ul ul li a{text-align:left;}#nav>ul>li>ul>li>a{width:100%;display:block;}#nav ul li ul li a{width:100%;}#nav.align-center>ul{text-align:left;}#nav.align-center>ul>li{display:block;}#nav>ul.open{max-height:1000px;}#nav ul{width:100%;}#nav ul>li{float:none;width:100%;}#nav ul li a{background:#008000;text-align:left;width:100%;padding:0 20px;display:inline-block;line-height:32px;border-top:1px solid #b4e237;border-right:0;}#nav ul>li:after{display:none;}#nav ul li ul li,#nav ul li:hover>ul>li{max-height:999px;position:relative;background:none;}#nav ul li ul li:hover>a{color:#000000;}#nav #menu-button{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 20px;height:35px;line-height:35px;text-align:left;text-transform:uppercase;font-weight:700;font-size:14px;letter-spacing:1px;color:#ffffff;cursor:pointer;}#nav #menu-button:after{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;right:20px;top:12px;}#nav #menu-button:before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #ffffff;right:20px;top:22px;}#wrapper{width:100%;}#header{width:100%;}#container{width:auto;padding:0 10px;}#content{float:none;display:block;overflow:hidden;width:auto;padding:0;}#sidebar{display:block;float:none;margin:0 auto;margin-top:10px;}#footer{width:auto;padding:0 10px;}}@media screen and (max-width: 945px) {.logo{float:none;text-align:center;}#aboutme{float:none;margin:0 auto;margin-top:15px;}}

 

Запутался? Это хорошо. Я сам тут запутался. Распутываемся вместе.

 

1. Нам нужно внести код в шаблон сайта, template.css.

2. САМОЕ ВАЖНОЕ! Мы вносим изменение в предустановленные шаблоны визуального редактора (тут я уже сам не понял что написал, но именно так оно и звучит).

Я пользуюсь редактором Tiny (и вам советую). В нем нужная нам кнопка расположена в самом нижнем ряду справа. Жмете и видите английские буквы и текст "Insert Predefined Template Content". Вот оно нам и надо.

 

Дальше есть два варианта.

 

1. Создавать свои шаблоны, тогда вам сюда (там я сделал и перевод, стоит нажать кнопку).

2. Использовать уже имеющиеся шаблоны, переделав их под себя (мой вариант).

По факту мне нужен 1 шаблон для статьи. Так что 2 предустановленных мне хватает совершенно. Я просто вношу изменения в один из них и запоминаю его название.

Шаблоны находятся сайт.ru/media/editors/tinymce/templates/

Там их два: layout1.html и snippet1.html. Берем любой и вноси в него нужный нам код включающий div и классы css нужных нам блоков.

Добавить комментарий

Защитный код
Обновить