|
|
| Модератор форума: Samuel |
| Форум » uCoz » Помощь по HTML и CSS » Кто добрый? (Помогите :)) |
| Кто добрый? |
off-line Добавлено: 2011-Дек-12 - 16:57 | Сообщение #1
Что нужно, на рисунке написано Помогите пожалуйста с кодом и ксс. Оч надо Вот css Code .viewn_in {background:url(http://www.playgaming.ru/designs_102/viewn_bg.png) repeat-y 0 0;} .viewn_in .viewn_in {background:url(http://www.playgaming.ru/designs_102/viewn_bg.png) repeat-y right 0;} .viewn_title {height:40px; position:relative; background:url(http://anisid.at.ua/boxcont.png) no-repeat 0 0;} .viewn_title h4 {height:25px; padding:10px 0 0 30px; margin:0; overflow:hidden; font-size:15px; font-weight:100; white-space:nowrap; color:#015a9a; text-shadow:0 0 3px #ffffff; background:url(http://anisid.at.ua/boxcont.png) no-repeat right -40px;} .viewn_title a {color:#fff; text-decoration:none;} .viewn_title a:hover {text-decoration:underline;} .viewn_title b {width:33px; height:40px; display:block; position:absolute; right:0px; top:0px;background:url(http://anisid.at.ua/boxcont.png) no-repeat right -80px;} .viewn_details {height:60px; padding:4px 1px 0 5px; margin:0 1px; overflow:hidden; color:#014a6c; background:url(http://anisid.at.ua/viewn_gr.png) repeat-x 0 0;} .viewn_details a {color:#014a6c; text-decoration:none;} .viewn_details a:hover {text-decoration:underline;} .viewn_date, .viewn_cat, .viewn_author, .viewn_view, .viewn_comm {height:20px; float:left; padding:6px 0 0 31px; margin:0 10px 0 0; background:url(http://www.playgaming.ru/designs_102/viewn_icon.png) no-repeat 0 0;} .viewn_date {} .viewn_cat {background-position:0 -26px;} .viewn_author {float:right; background-position:0 -52px;} .viewn_view {background-position:0 -78px;} .viewn_comm {background-position:0 -104px;} a.viewn_open {width:98px; height:15px; padding:1px 0 0 0; display:block; float:right; margin:4px 0 0 36px; color:#fff; text-align:center; background:#2b89cc url(http://www.playgaming.ru/designs_102/viewn_link_bg.png) no-repeat 0 0;} a.viewn_open:hover {text-decoration:none;background:#009bff url(http://www.playgaming.ru/designs_102/viewn_link_bg.png) no-repeat 0 -16px;} .viewn_rating {width:104px; float:right; margin:5px 0 0 0;} .viewn_cont {padding:5px 5px; overflow:hidden;} .viewn_cont img {max-width:99% !important;} .viewn_cont img[align="left"] {display:block; float:left; margin:0 10px 10px 0;} .viewn_cont img[align="right"] {display:block; float:right; margin:0 0 10px 10px;} А это вид новости Code <div class="viewn_in"> <div class="viewn_in"> <div class="viewn_in"> <div class="viewn_in"> <div class="viewn_title"><h4><a href="$ENTRY_URL$">$TITLE$</a><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></h4></div> <div class="viewn_details"> <div class="viewn_date">Дата: <span title="$TIME$">$DATE$</span></div> <div class="viewn_author">Автор: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a> </div> </div> <div class="viewn_cont"> <noindex><a href="$IMG_URL1$" onclick="return hs.expand(this, {captionId: 'caption1'})"><img alt="LeaderTask 7.2.2" width="180" class="skrin_igri" hspace="4" vspace="3" align="left" border="0" height="110" src="$IMG_URL1$" align="left"></a></noindex> <?if($MESSAGE$)?>$MESSAGE$<?endif?> </div> <div class="viewn_details"> <div class="viewn_view">Просмотров: $READS$</div> <div class="viewn_comm">Комментариев: $COMMENTS_NUM$</div> <a href="$ENTRY_URL$" class="viewn_open">Подробнее</a> <div class="viewn_rating"> <?$RSTARS$('19','http://playgaming.ru/designs_102/rating.png','1','float')?></div> </div> </div> </div> </div> </div> </div> Прикрепления:
3932428.png
(56.8 Kb)
snet.tw1.ru Сообщение отредактировал amiroshkin - Понедельник, 2011-Дек-12, 16:58
|
off-line Добавлено: 2011-Дек-12 - 17:03 | Сообщение #2
Лови
Code .viewn_in {background:url(http://www.playgaming.ru/designs_102/viewn_bg.png) repeat-y 0 0;} .viewn_in .viewn_in {background:url(http://www.playgaming.ru/designs_102/viewn_bg.png) repeat-y right 0;} .viewn_title {height:40px; position:relative; background:url(http://anisid.at.ua/boxcont.png) no-repeat -10 0;} .viewn_title h4 {height:25px; padding:10px 0 0 30px; margin:0; overflow:hidden; font-size:15px; font-weight:100; white-space:nowrap; color:#015a9a; text-shadow:0 0 3px #ffffff; background:url(http://anisid.at.ua/boxcont.png) no-repeat right -40px;} .viewn_title a {color:#fff; text-decoration:none;} .viewn_title a:hover {text-decoration:underline;} .viewn_title b {width:33px; height:40px; display:block; position:absolute; right:0px; top:0px;background:url(http://anisid.at.ua/boxcont.png) no-repeat right -80px;} .viewn_details {height:60px; padding:4px 1px 0 5px; margin:0 1px; overflow:hidden; color:#014a6c; background:url(http://anisid.at.ua/viewn_gr.png) repeat-x -10 0;} .viewn_details a {color:#014a6c; text-decoration:none;} .viewn_details a:hover {text-decoration:underline;} .viewn_date, .viewn_cat, .viewn_author, .viewn_view, .viewn_comm {height:20px; float:left; padding:6px 0 0 31px; margin:0 10px 0 0; background:url(http://www.playgaming.ru/designs_102/viewn_icon.png) no-repeat 0 0;} .viewn_date {} .viewn_cat {background-position:0 -26px;} .viewn_author {float:right; background-position:0 -52px;} .viewn_view {background-position:0 -78px;} .viewn_comm {background-position:0 -104px;} a.viewn_open {width:98px; height:15px; padding:1px 0 0 0; display:block; float:right; margin:4px 0 0 36px; color:#fff; text-align:center; background:#2b89cc url(http://www.playgaming.ru/designs_102/viewn_link_bg.png) no-repeat 0 0;} a.viewn_open:hover {text-decoration:none;background:#009bff url(http://www.playgaming.ru/designs_102/viewn_link_bg.png) no-repeat 0 -16px;} .viewn_rating {width:104px; float:right; margin:5px 0 0 0;} .viewn_cont {padding:5px 5px; overflow:hidden;} .viewn_cont img {max-width:99% !important;} .viewn_cont img[align="left"] {display:block; float:left; margin:0 10px 10px 0;} .viewn_cont img[align="right"] {display:block; float:right; margin:0 0 10px 10px;} Сообщение отредактировал KiLLeR - Понедельник, 2011-Дек-12, 17:12
|
off-line Добавлено: 2011-Дек-12 - 17:11 | Сообщение #3
Quote (KiLLeR) Лови Нее чет не правильно, все картинки пропали под названием новости.
snet.tw1.ru |
off-line Добавлено: 2011-Дек-12 - 17:12 | Сообщение #4
amiroshkin, а у себя ща тестил норм все
|
off-line Добавлено: 2011-Дек-12 - 17:27 | Сообщение #5
Ну мне бы сейчас такую же рамку вокруг новости как на anidream.net Рипнул бы кто нибудь
А так вот зайди http://anisid.at.ua/ я сейчас твой код вставил и вот что вышло ![]() Добавлено (12.12.2011, 17:27:27) snet.tw1.ru |
off-line Добавлено: 2011-Дек-12 - 17:31 | Сообщение #6
Code <div id="entryID2551"><table border="0" cellpadding="0" cellspacing="0" class="newsTable" align="center"> <tr><td class="newsTitle"> <table style="border-width: initial; border-color: initial; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-collapse: collapse; " width="" align=""><tbody><tr><td style="text-align: left; border-width: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> </td> </tr></tbody></table> </td></tr> <tr><td class="newsBackground"> <table style="border-width: initial; border-color: initial; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-collapse: collapse; " width="" align=""><tbody><tr><td style="border-width: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "> <div class="eMessage"><img src="$OTHER1$" width="200" height="280" align="left" border=0 style="padding-right:2px;"> $MESSAGE$ </div> </td></tr> <tr><td> <div class="eDetails" style="clear:both;"> <div style="float:right"><ul id="uStarRating2551" class="u-star-rating" title="Рейтинг: 3.9/21"> <li class="u-current-rating" id="uCurStarRating2551" style="width:78%;"></li> <li class="u-star-li-2551"><a href="#" onclick="ustarrating('2551',1);return false;" class="u-one-star">1</a></li> <li class="u-star-li-2551"><a href="#" onclick="ustarrating('2551',2);return false;" class="u-two-stars">2</a></li> <li class="u-star-li-2551"><a href="#" onclick="ustarrating('2551',3);return false;" class="u-three-stars">3</a></li> <li class="u-star-li-2551"><a href="#" onclick="ustarrating('2551',4);return false;" class="u-four-stars">4</a></li> <li class="u-star-li-2551"><a href="#" onclick="ustarrating('2551',5);return false;" class="u-five-stars">5</a></li></ul></div> Категория: <a href="$CAT_URL$">$CAT_NAME$</a> | Просмотров: 3537 | Автор: <a href="javascript://" rel="nofollow" onclick="window.open('http://anidream.net/index/8-646','up646','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Ktisa</a> | Дата: <span title="$DATA$</span> </div> </td></tr></tbody></table> </td></tr> <tr><td class="newsClose"></td></tr> </table></div> Добавлено (12.12.2011, 17:31:36) |
off-line Добавлено: 2011-Дек-12 - 17:55 | Сообщение #7
Правая колонка уехала(( посмотри
Добавлено (12.12.2011, 17:55:30) snet.tw1.ru |
| |||
| |||
