Шаблон информера
2012-07-29 Дата: Воскресенье, 29.07.2012, 18:22 | Сообщение # 1
Рядовой
Группа: Зарегистрированные
Статус: Offline
http://www.vsepodrad.ru/load/2-1-0-2461 или Шаблон информера Code
<table> <tr valign="top"><td align="left" width="22%" height="22%" style="background:#F8F8F8;padding:5px;border:1px solid #B8B8B8;"> <div class="eMessage" style="text-align:left;clear:both;padding-top:5px;padding-bottom:5px;"><?if($IMG_URL1$)?><div align="center"> <a href="$ENTRY_URL$" title="Жми на картинку узнаешь что далее!!!"> <img width="125" height="120" border="1" align="center" vspace="5" hspace="10" src="$IMG_URL1$"></a></div><?else?><?endif?></div><div align="center"><b><a href="$ENTRY_URL$">$TITLE$</a></b></div> </td></tr> </table>
а потом ссылки вставляйте в новости или еще куда-то. вопросы сюда http://torrent-treker.ucoz.ua/index/8 Админ не обижайся,я про100 помогаю.
Сообщение отредактировал likbezz - Воскресенье, 29.07.2012, 21:47
2013-04-13 Дата: Суббота, 13.04.2013, 20:15 | Сообщение # 2
Вот мой информер Код
<table style="border-collapse: collapse; margin: 5px 0pt; border: 1px solid #999999;" width=100% align="center"><tbody> <tr><td style="height: 33px; background-image: url(www.nsportal.org/img-ns/title-blue-big2.png); background-repeat: repeat no-repeat; "> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align:left;padding-left:5px;font-size:13px;color:#e8f5fe;text-shadow:0px 1px 0px #f54a0a;text-transform: uppercase;"><a href="$ENTRY_URL$"><h1>$TITLE$</h1></a></div> </td></tr> <tr><td> <?if($MESSAGE$)?><div style="text-align:left;clear:both;padding:5px;"><span style="font-size: 10pt;">$MESSAGE$</span></div><?endif?><br> <noindex><nofolow><iframe src="//www.facebook.com/plugins/like.php?href=$ENTRY_URL$&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=tahoma&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe> </noindex></nofolow> <?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?> </td></tr> <tr><td style="height: 18px; background-image: url(http://tehnomanyak.at.ua/img/poloska.gif); background-repeat: repeat no-repeat;padding-left:5px;font-size:10px;color:#ac5d00;text-shadow:0px 1px 0px #f8d34c; "> <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?> <?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?> Просмотров: $READS$ | Дата: <span title="$TIME$">$DATE$</span> <?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?> </td></tr> </tbody></table>
Я хочу чтобы при новедении на картинку название материала выводилось не снизу картинки,а в самой картинке,как это происходит если ее нет,а когда она есть, то текста не видно. Про100 помогите.Добавлено (13.04.2013, 20:15) --------------------------------------------- не то копирнул вот код
Код
<table border="0" cellpadding="0" cellspacing="0" height="120" width="166"><tbody><tr><td><div><a href="$ENTRY_URL$"><img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"></a></div></td></tr></tbody></table>
2013-04-13 Дата: Суббота, 13.04.2013, 21:15 | Сообщение # 3
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , Я хочу чтобы при новедении на картинку название материала выводилось не снизу картинки,а в самой картинке,как это происходит если ее нет,а когда она есть, то текста не видно.
А если по русски?) Ничего не понял... (
2013-04-14 Дата: Воскресенье, 14.04.2013, 02:46 | Сообщение # 4
Вот зайди на главную и посмотри http://tehnomanyak.at.ua/ в информере статьи и обзоры, там где нет рисунка,есть текст, а где есть рисунок,при наведении курсора мыши текста нет,мне нужен чтобы текст с названием новости $TITLE$ выводился сверху картинки, например оранжевым цветом. вот мой код информера [/code]<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div><a href="$ENTRY_URL$"><img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"></a></div></td></tr></tbody></table><style> .eBlockcsomsk {background:url('') #181818;border:1px solid #333333;} .eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#ffffff; padding: 4px; border:1px solid #333333; height:12px; background:url('http://tehnomanyak.at.ua/_blog/honeycomb-bg.jpg') repeat-x ;} .eTitlecsomsk a:link {text-decoration:none; color:#888888;} .eTitlecsomsk a:visited {text-decoration:none; color:#888888;} .eTitlecsomsk a:hover {text-decoration:none; color:#ffffff;} .eTitlecsomsk a:active {text-decoration:none; color:#888888;} </style> <p><table class="eBlockcsomsk" border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td style="padding:3px;"> <div class="eTitlecsomsk" style="text-align:center;"><span style="font-size: 10pt;">Последние новости<br></span></div> $MYINF_5$ </td></tr></tbody></table><br></p>
2013-04-14 Дата: Воскресенье, 14.04.2013, 03:02 | Сообщение # 5
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , Вот зайди на главную и посмотри http://tehnomanyak.at.ua/ в информере статьи и обзоры, там где нет рисунка,есть текст
В смысле вот это: ) - Ну так это alt от “битой” - отсутствующей картинки выводится. Код
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div><a href="$ENTRY_URL$"> <?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"> <?else?> <b style="color:#F93;font-size:200%;">$TITLE$</b> <?endif?> </a></div></td></tr></tbody></table>
..
2013-04-14 Дата: Воскресенье, 14.04.2013, 13:26 | Сообщение # 6
Да, мне нужно что-бы когда я навожу курсор на рисунок $image1$ сверху рисунка появлялся текст новости $TITLE$, а его нет подставил ваш код Код
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div><a href="$ENTRY_URL$"> <?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"> <?else?> <b style="color:#F93;font-size:200%;">$TITLE$</b> <?endif?> </a></div></td></tr></tbody></table>
в верхний информер, ничего не изменилось,оставил пока с ним, что-бы вы увидили, что изменений нет. Помогите решить мою проблему.Добавлено (14.04.2013, 13:26) --------------------------------------------- то что там картинки нет, я и сам понимаю.В том то и дело, что когда картинки нет,название новости $TITLE$ видно ,а когда есть картинка, при наведении курсора мыши на нее текста нет, мне нужен чтобы появлялся текст $TITLE$ по верх картинки.
2013-04-14 Дата: Воскресенье, 14.04.2013, 22:26 | Сообщение # 7
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , В том то и дело, что когда картинки нет,название новости $TITLE$ видно ,а когда есть картинка, при наведении курсора мыши на нее текста нет
Ну так, например: Цитата (Code )
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div><a href="$ENTRY_URL$" title="$TITLE$" > <?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"> <?else?> <b style="color:#F93;font-size:200%;">$TITLE$</b> <?endif?> </a></div></td></tr></tbody></table>
.. ..Ну или вот так вот: ☑ http://likbezz.ru/_example/_rest/_2013/p1/eBlockcsomsk_1.html Стили: Код
div.eBlockhint{position:relative;overflow:hidden;min-height:124px;} div.eBlockhint b{display:block;position:absolute;top:10px;left:5px;color:#F60;text-align:center;width:154px;} div.eBlockhint b.eHint{line-height:3600em;} div.eBlockhint a:hover b.eHint{line-height:100%;}
Шаблон: Код
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div class="eBlockhint"> <a href="$ENTRY_URL$"><?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="160"> <b class="eHint">$TITLE$</b><?else?> <b>$TITLE$</b> <?endif?></a> </div></td></tr></tbody></table>
...
2013-04-14 Дата: Воскресенье, 14.04.2013, 22:26 | Сообщение # 8
Спасибо за помощь! Еще пару вопросов как мне центрировать текст в блоках информера если я изменяю ширину блока.мой информерКод
<table border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td><div class="eBlockhint"> <a href="$ENTRY_URL$"><?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="120" width="185"> <font face="Arial Black"><i><span style="font-size: 12pt;"><b class="eHint">$TITLE$</b></span></i></font><?else?> <b>$TITLE$</b> <?endif?></a> </div></td></tr></tbody></table>
и стилиКод
<style> div.eBlockhint{position:relative;overflow:hidden;min-height:125px;} div.eBlockhint b{display:block;position:absolute;top:10px;left:10px;color:#FA3E19;text-align:center;width:196px;} div.eBlockhint b.eHint{line-height:3600em;} div.eBlockhint a:hover b.eHint{line-height:100%;} .eBlockcsomsk {background:url('') #181818;border:1px solid #333333;} .eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#ffffff; padding: 4px; border:1px solid #333333; height:12px; background:url('http://tehnomanyak.at.ua/_blog/honeycomb-bg.jpg') repeat-x ;} .eTitlecsomsk a:link {text-decoration:none; color:#888888;} .eTitlecsomsk a:visited {text-decoration:none; color:#888888;} .eTitlecsomsk a:hover {text-decoration:none; color:#ffffff;} .eTitlecsomsk a:active {text-decoration:none; color:#888888;} </style> <p><table class="eBlockcsomsk" border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td style="padding:1px;"> <div class="eTitlecsomsk" style="text-align:center;"><span style="font-size: 10pt;">Последние новости<br></span></div> $MYINF_5$ </td></tr></tbody></table><br></p>
что я делаю не правильно? И как в центральной части сайта там где информер зделать свой бекграунд рисунком повторяющимся, или это только делать подложку,привязывать ее по координатам, а при изменении разрешения или cnrtl +- дизайн обрушится?
2013-04-15 Дата: Понедельник, 15.04.2013, 20:27 | Сообщение # 9
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , как мне центрировать текст в блоках информера если я изменяю ширину блока.мой информер
Если ширина нефиксированная, тогда так: Код
div.eBlockhint{position:relative;overflow:hidden;min-height:124px;text-align:center;} div.eBlockhint b{display:inline-block;position:absolute;top:10px;left:2%;color:#F60;text-align:center;width:96%;} div.eBlockhint b.eHint{line-height:3600em;} div.eBlockhint a:hover b.eHint{line-height:100%;
☑ http://likbezz.ru/_example/_rest/_2013/p1/eBlockcsomsk_2.html .. И как в центральной части сайта там где информер зделать свой бекграунд рисунком повторяющимся
Назначить фон таблице, или блоку в котором информер.. Типа: Код
table.eBlockcsomsk{background:url(/_source/_fon/patterns/patt8_0.jpg) repeat center center;}
☑ http://likbezz.ru/_example/_rest/_2013/p1/eBlockcsomsk_3.html .. а при изменении разрешения или cnrtl +- дизайн обрушится?
Проверьте ) У меня не рушится )
2013-04-17 Дата: Среда, 17.04.2013, 12:27 | Сообщение # 10
Рядовой
Группа: Зарегистрированные
Статус: Offline
Назначить фон таблице, или блоку в котором информер.. Типа: Код table.eBlockcsomsk{background:url(/_source/_fon/patterns/patt8_0.jpg) repeat center center;} Спасибо я не так выразился,мне нужно не в таблице, а за ее пределами,в самой центральной части там где белый фон бекграунда http://s60.radikal.ru/i170/1304/90/7a4bc7dcd12f.jpg
2013-04-17 Дата: Среда, 17.04.2013, 12:32 | Сообщение # 11
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , а за ее пределами,в самой центральной части там где белый фон бекграунда
Посмотрите что у вас там прописано и измените на фоновую картинку. К информеру, я так понял, это отношения не имеет.
2013-04-17 Дата: Среда, 17.04.2013, 15:39 | Сообщение # 12
Рядовой
Группа: Зарегистрированные
Статус: Offline
Спасибо все получилось,переделал немного информер, сделал его на 3 колонки в 2 строки _http://s018.radikal.ru/i520/1304/1a/70f4142ff3a4.jpg проверял на разных разрешениях все вроде работает, только некоторые картинки в информере "сплюснытые", как зделать чтобы картинка не искажалась? мой код информераКод
<table align="center" border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td><div class="eBlockhint"> <a href="$ENTRY_URL$"><?if($IMG_URL1$)?> <img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="130" width="190"> <font face="Arial Black"><i><span style="font-size: 12pt;"><b class="eHint">$TITLE$</b></span></i></font><?else?> <b>$TITLE$</b> <?endif?></a> </div></td></tr></tbody></table>
и стилиКод
<style> div.eBlockhint{position:relative;overflow:hidden;min-height:130px;text-align:center;} div.eBlockhint b{display:inline-block;position:absolute;top:15px;left:2%;color:#FA3E19;text-align:center;width:96%;} div.eBlockhint b.eHint{line-height:3600em;} div.eBlockhint a:hover b.eHint{line-height:100%;} .eBlockcsomsk {background:url('') #181818;border:1px solid #333333;} .eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#ffffff; padding: 4px; border:1px solid #333333; height:12px; background:url(_blog/honeycomb-bg.jpg) repeat-x ;} .eTitlecsomsk a:link {text-decoration:none; color:#888888;} .eTitlecsomsk a:visited {text-decoration:none; color:#888888;} .eTitlecsomsk a:hover {text-decoration:none; color:#ffffff;} .eTitlecsomsk a:active {text-decoration:none; color:#888888;} table.eBlockcsomsk{background:url(img/8.png) repeat center center;} </style>
2013-04-17 Дата: Среда, 17.04.2013, 15:59 | Сообщение # 13
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , как зделать чтобы картинка не искажалась?
Задавать размер картинкам по одной стороне, либо по горизонтали, либо по вертикали.
2013-04-17 Дата: Среда, 17.04.2013, 16:28 | Сообщение # 14
Рядовой
Группа: Зарегистрированные
Статус: Offline
Спасибо,знал бы я как это сделать то и не спрашивал бы...
2013-04-17 Дата: Среда, 17.04.2013, 16:47 | Сообщение # 15
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Sanjelo , Спасибо,знал бы я как это сделать то и не спрашивал бы...
<img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="130" width="190" >
- оставляете либо синее , либо красное .