Рекламный блок Навигация Мини-Чат Витрина ссылок Мы в Вконтакте Топ пользователей Пользователи онлайн Онлайн всего: 1 Гостей: 1 Пользователей: 0 Никого нет из пользователей |
Сначала этот материал был под определенный дизайн, и под все дизайны они не шли,я решил его переделать, а именно сделать через css то что нужно...
Установка: В вид материалов: Код <div class="viewn_loop"> <h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a><span style="float:right;;margin:2.5px 10px 0 0;"><?if($DATE$='Сегодня')?><img src="http://megas-soft.3dn.ru/icons/icon_new.png" title="Добавлен сегодня" /><?endif?> <?if($DATE$='Вчера')?><img src="http://megas-soft.3dn.ru/icons/icon_new.png" title="Добавлен вчера" /><?endif?></span></h4> <div class="viewn_cont"> <div class="viewn_detail"> <div class="viewn_date"><span>$DATE$, $TIME$</span></div> Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> </div> <noindex><div class="viewn_pict"><span><a href="$IMG_URL1$" class="ulightbox" data-fancybox-group="ultbx" title="$TITLE$"><img src="$IMG_URL1$" width="198" height="198" alt="$TITLE$" /></a></span></div></noindex> <div class="viewn_text"> <div id="news-id-293" style="display:inline;"> $MESSAGE$ </div> </div> </div> <div class="viewn_bottom"> <div class="viewn_link"><a href="$ENTRY_URL$">Подробнее</a></div> <span style="float:right;"> Комментарии <b>($COMMENTS_NUM$)</b> Просмотры: <b>$READS$</b> Добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b> </span> </div> </div> <style> /*--------Вид материалов by Megas-Soft.3dn.Ru--------*/ .viewn_loop {width:100%; color:#969696; margin:0 0 8px 0; background:url(http://megas-soft.3dn.ru/images/viewn_bg.png) repeat 0 0;} .viewn_title {-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;border: 1px solid #78b5ca; height:35px; line-height:32px; overflow:hidden; margin:0; padding:0 0 0 14px; font-size:15px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #2384a0; background:#40a9c3;} .viewn_title a {color:#fff; text-decoration:none;} .viewn_title a:hover {text-decoration:underline;} .viewn_cont {padding:7px 4px 6px 4px; overflow:hidden; line-height:1.6; background:#f8f8f8; border: 1px solid #dbdbdb;} .viewn_detail {width:483px; overflow:hidden; padding:2px 8px 3px 8px; margin:0 0 3px -3px; background:url/images/viewn_bg.png) no-repeat -1662px bottom;} .viewn_detail a {font-weight:bold; color:#969696; text-decoration:none;} .viewn_detail a:hover {text-decoration:underline;} .viewn_date {float:left; padding:0 4px 0 0; margin:-2px 6px 0 0; background:url(http://megas-soft.3dn.ru/images/viewn_bg.png) no-repeat right 0;} .viewn_date span {min-width:70px; height:22px; line-height:22px; display:block; padding:0 0 0 33px; float:left; color:#929292; background:url(/images/viewn_bg.png) no-repeat -2163px 0;} .viewn_pict {width:208px; float:left; background:#f5f5f5;border: 1px solid #b1b1b1; -webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;} .viewn_pict span {padding:5px 5px 5px 5px; display:block; overflow:hidden; background:url(/images/viewn_pict_bg.png) no-repeat -226px bottom;} .viewn_pict img {width:198px; min-height:140px; vertical-align:top;} .viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.5;} .viewn_text {padding:0 0 0 4px; overflow:hidden;} .viewn_bottom {height:24px; padding:12px 0 0 28px; overflow:hidden; font-size:10px; color:#f6f6f6; background-color:#979797; border-bottom: 1px solid #dbdbdb;-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .viewn_bottom b {margin:0 8px 0 0;} .viewn_bottom a {color:#f6f6f6; text-shadow:1px 1px 1px #818181; text-decoration:none;} .viewn_bottom a:hover {text-decoration:underline;} .viewn_link {width:101px; height:21px; float:left; margin:-3px 26px 0 0;} .viewn_link a {width:93px; height:21px; line-height:21px; padding:0 0 0 8px; display:block; font-size:10px; color:#6e6e6e; text-shadow:none; text-decoration:none; background:#fefefe url(/images/viewn_bg.png) no-repeat -1505px 0;} .viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;} .viewn_statick .viewn_bottom {height:7px; padding:0; margin:0; background:#f8f8f8;} .viewn_statick .viewn_cont {padding: 7px 6px 6px 6px;} </style>
Уважаемый посетитель, вы зашли на наш портал как незарегистрированный пользователь.
Мы рекомендуем вам зарегистрироваться либо войти на сайт под своим логином. Теги:
Источник: //megas-soft.3dn.ru
Всего 0 комментариев и 250 просмотров
|