Конкурсная таблица для ежедневного конкурса

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
eska

Конкурсная таблица для ежедневного конкурса

eska 15 дек 2015, 08:34 Сообщение

Привет друзья, помогите пожалуйста, как реализовать подобную таблицу, что бы она стояла на моём форуме под поиском яндекса, но отображалась на каждой странице.
Изображение

С цветами я наверное сам попробую разобраться, а вот с таблицей у меня проблемы.
Фотография должна быть, допустим при клике она вела бы на: http://vk.com/gazautoclub?w=wall-5199600_10743 (определённую тему в контакте.)

Спасибо.

Аватара пользователя
CabinetAdmin

Конкурсная таблица для ежедневного конкурса

CabinetAdmin 15 дек 2015, 19:14 Сообщение

Два варианта:

Код: Выделить всё

<div class="panel mypanel"> <div class="inner"> <dl class="details"> <dt><a href="#" target="_blank"><img src="картинко.png" alt="" /></a></dt> <dd>Текст</dd> </dl> </div> </div>


Код: Выделить всё

<div class="panel mypanel"> <div class="inner"> <div class="column1"><a href="#" target="_blank"><img src="картинко.png" alt="" /></a></div> <div class="column2"><p>Текст</p></div> </div> </div>


Стили:

Код: Выделить всё

.mypanel { background-color: transparent; border: 2px solid #000; border-radius: 7px; }


Поставить можно либо напрямую в шаблон, в хедер, либо через расширение. На гуру где-то было расширение для добавления содержимого в верх или в низ страницы.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Конкурсная таблица для ежедневного конкурса

eska 15 дек 2015, 19:19 Сообщение

CabinetAdmin писал(а):Источник цитаты Стили:

а стили куда? в контент?

Аватара пользователя
eska

Конкурсная таблица для ежедневного конкурса

eska 15 дек 2015, 19:38 Сообщение

добавил стили в стайлшит
Но получается не красиво, можно что бы текст был не на картинке и можно ли сделать, картинку в двое меньше?


Аватара пользователя
CabinetAdmin

Конкурсная таблица для ежедневного конкурса

CabinetAdmin 16 дек 2015, 18:04 Сообщение

Можно ещё добавить:

Код: Выделить всё

.mypanel img { max-width: 100%; }


Вместо 100% можно задать нужное количество пикселей.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект


Аватара пользователя
CabinetAdmin

Конкурсная таблица для ежедневного конкурса

CabinetAdmin 16 дек 2015, 20:50 Сообщение

Может быть потому что стили добавлены не в стили, а просто вверху форума написаны, прямо над шапкой? Добавьте код в стили, по сути в любой файл, можно в конец common.css.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Конкурсная таблица для ежедневного конкурса

eska 16 дек 2015, 20:55 Сообщение

CabinetAdmin писал(а):Источник цитаты потому что стили добавлены не в стили, а просто вверху форума написаны

:ROFL:
Сорри, исправил, работает, а как регулировать текст, правее, левее?

Аватара пользователя
CabinetAdmin

Конкурсная таблица для ежедневного конкурса

CabinetAdmin 17 дек 2015, 15:26 Сообщение

В данном варианте блоки разделены поровну, по стандарту, можно задать свои размеры, например:

Код: Выделить всё

.mypanel .column1 { width: 35%; } .mypanel .column2 { width: 64%; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость