Фильтр по:
  

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Шаблон информера (Шаблон информера)
Шаблон информера
Дата: Воскресенье, 29.07.2012, 18:22 |
amator666
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: 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
 
Дата: Суббота, 13.04.2013, 20:15 |
Группа: Гости





Вот мой информер

Код
<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>


 
Дата: Суббота, 13.04.2013, 21:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Сб, 13.04.2013, 20:15:58)
Я хочу чтобы при новедении на картинку название материала выводилось не снизу картинки,а в самой картинке,как это происходит если ее нет,а когда она есть, то текста не видно.

А если по русски?)
Ничего не понял... (


 
Дата: Воскресенье, 14.04.2013, 02:46 |
Группа: Гости





Вот зайди на главную и посмотри
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>
Код




 
Дата: Воскресенье, 14.04.2013, 03:02 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Вс, 14.04.2013, 02:46:13)
Вот зайди на главную и посмотри
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>

..

Прикрепления: 3019759.png (43.1 Kb) · 1365931613.txt (1.7 Kb)

 
Дата: Воскресенье, 14.04.2013, 13:26 |
Группа: Гости





Да, мне нужно что-бы когда я навожу курсор на рисунок $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$ по верх картинки.

 
Дата: Воскресенье, 14.04.2013, 22:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Вс, 14.04.2013, 13:26:53)
В том то и дело, что когда картинки нет,название новости $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>

...

Прикрепления: 1365963973.txt (1.8 Kb)

 
Дата: Воскресенье, 14.04.2013, 22:26 |
Группа: Гости





Спасибо за помощь!
Еще пару вопросов
как мне центрировать текст в блоках информера если я изменяю ширину блока.мой информер
Код
<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 +- дизайн обрушится?


 
Дата: Понедельник, 15.04.2013, 20:27 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Вс, 14.04.2013, 22:26:13)
как мне центрировать текст в блоках информера если я изменяю ширину блока.мой информер

Если ширина нефиксированная, тогда так:
Код
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
..

Цитата (Sanjelo, Вс, 14.04.2013, 22:26:13)
И как в центральной части сайта там где информер зделать свой бекграунд рисунком повторяющимся

Назначить фон таблице, или блоку в котором информер..
Типа:
Код
table.eBlockcsomsk{background:url(/_source/_fon/patterns/patt8_0.jpg) repeat center center;}


http://likbezz.ru/_example/_rest/_2013/p1/eBlockcsomsk_3.html
..

Цитата (Sanjelo, Вс, 14.04.2013, 22:26:13)
а при изменении разрешения или cnrtl +- дизайн обрушится?

Проверьте )
У меня не рушится )


 
Дата: Среда, 17.04.2013, 12:27 |
Sanjelo
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


Назначить фон таблице, или блоку в котором информер..
Типа:
Код
table.eBlockcsomsk{background:url(/_source/_fon/patterns/patt8_0.jpg) repeat center center;}

Спасибо я не так выразился,мне нужно не в таблице, а за ее пределами,в самой центральной части там где белый фон бекграунда
http://s60.radikal.ru/i170/1304/90/7a4bc7dcd12f.jpg


 
Дата: Среда, 17.04.2013, 12:32 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Ср, 17.04.2013, 12:27:21)
а за ее пределами,в самой центральной части там где белый фон бекграунда

Посмотрите что у вас там прописано и измените на фоновую картинку.
К информеру, я так понял, это отношения не имеет.


 
Дата: Среда, 17.04.2013, 15:39 |
Sanjelo
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: 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>


 
Дата: Среда, 17.04.2013, 15:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Ср, 17.04.2013, 15:39:47)
как зделать чтобы картинка не искажалась?

Задавать размер картинкам по одной стороне, либо по горизонтали, либо по вертикали.


 
Дата: Среда, 17.04.2013, 16:28 |
Sanjelo
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


Спасибо,знал бы я как это сделать то и не спрашивал бы...

 
Дата: Среда, 17.04.2013, 16:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Sanjelo,
Цитата (Sanjelo, Ср, 17.04.2013, 16:28:05)
Спасибо,знал бы я как это сделать то и не спрашивал бы...

Цитата (Sanjelo, Ср, 17.04.2013, 15:39:47)
<img alt="$TITLE$" src="$IMG_URL1$" style="padding:1px;background:#1C1C1C;border:1px solid #363636;" height="130" width="190">

- оставляете либо синее, либо красное.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Шаблон информера (Шаблон информера)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия