Помощник
|
Превью |
EARL381
|
Сообщение
#1
|
||
|
|
||
|
|||
Bugnet |
3.12.2012, 20:24;
Ответить: Bugnet
Сообщение
#2
|
|
1.Можно сделать попроще - используя CSS3 с минимумом оформления и без функционала (кнопок, ссылок). Вот демо-страница
2.Либо используя JS или его фреймворк jquery. При таком варианте можно "напихать" в превью чего угодно, вставить любой фон и функционал и привести к полному соответствию с Вашими пожеланиями. Вот упрощённая демо-страница - только идея. 3. Найти готовый подходящий jquery-плагин. Тут уж ищите сами, прийдётся принять вид и возможности предоставляемые плагином. |
|
|
Bartle96 |
3.12.2012, 22:34;
Ответить: Bartle96
Сообщение
#3
|
|
Сделайте при помощи js css и html
При наведении на картинку показывается div с содержимом С помощью css сделайте оформление и/или анимацию Так же можно сделать ajax загрузку для снижения трафика и ускорении загрузки страницы |
|
|
EARL381
|
Сообщение
#4
|
|
Всем спасибо, делал при помощи CSS, вот что вышло. Хотелось бы немного по другому. Как сделать top-отступы не от текста, а от верха сайта? И как прикрепить изображение уголочка как в приведенном примере в 1 посту?
+ Если ссылка в левой стороне экрана то подсказка заходит за монитор, как этого избежать? [CSS].tooltip { border-bottom: 0px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { margin-left: -999em; position: absolute; } .tooltip:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: auto; top: 0; z-index: 99; margin-left: 0; width: 0; } .tooltip:hover img { border: 0; margin: 0px 0 0 0px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0em 0 0em 0; } .classic { padding: 0em 0em; } .custom { padding: 0em 0em 0em 0em; } <strong>* html</strong> a:hover { background: transparent; } .classic { background: #FFFFFF; border: 0px solid #FFFFFF; } /* Цветовая схема окна */[/CSS] |
|
|
EARL381
|
Сообщение
#5
|
|
|
Поднимаю тему
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Работаю в PhotoShop - аватарки, логотипы, превью, шапки, оформление youtube, баннеры gif | 16 | Alifer | 26526 | 29.11.2023, 20:15 автор: Alifer |
|
Обложки (превью) для видео YouTube | 10 | Kabardin | 9937 | 10.7.2022, 14:14 автор: Kabardin |
|
Превью и прогнозы на футбол | 2 | drunkmagic | 2027 | 17.1.2016, 19:29 автор: drunkmagic |
|
Как сделать плавное развертывание и свертывание блока страницы с превью? | 9 | jekadog | 8281 | 23.5.2013, 11:55 автор: -Wins- |
Текстовая версия | Сейчас: 24.4.2024, 2:54 |