Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Архивариус Решённые вопросы $CUT$ превратить в красивую кнопочку (Есть ли скрипт или что-то наподобие?) |
| $CUT$ превратить в красивую кнопочку |
|
Всем привет!
Как превратить "$CUT$" в красивую кнопку, и вставлять в новостях как обычно добавлял, просто словом "$CUT$"? Есть какой нибудь вариант?  И за одно, подскажите пожалуйста, как поменять весь красный цвет на сайте, на тёмно бордовый (шоколадный цвет?) Адрес сайта: http://photo-ars.do.am/  http://arskat.ru/
http://arskat.do.am/ http://photo-ars.ru/ http://torrent-ars.do.am/ Сообщение отредактировал arskat - Суббота, 07 Сен 2013, 18:47:52
|
|
arskat, код $CUT$ можно превратить в кнопку посредством css стилей, у ссылки там даже класс для этого есть entryReadAllLink, прописываем нужные атрибуты для класса и вставляем в css:
Код .entryReadAllLink { background: #000; padding: 3px; border: 1px solid #DE0505; } Цитата (arskat) подскажите пожалуйста, как поменять весь красный цвет на сайте, на тёмно бордовый если цвет ссылок то в css ищем: Код a {color:#DE0505;text-decoration:none;outline:none;} |
|
Со вторым вопросом всё понял и получилось, большое спасибо.
Но с первым непонятно-что такое: "нужные атрибуты для класса", так этого не знаю и поэтому сюда и пишу, можно пошагово и что да как нужно?! --------------------------------------------------------------- Вопрос тот же: Как превратить "$CUT$" в красивую кнопку, и вставлять в новостях как обычно добавлял, просто словом "$CUT$"? Есть какой нибудь вариант? http://arskat.ru/
http://arskat.do.am/ http://photo-ars.ru/ http://torrent-ars.do.am/ Сообщение отредактировал arskat - Воскресенье, 08 Сен 2013, 02:19:20
|
|
Цитата (arskat) Но с первым непонятно-что такое: "нужные атрибуты для класса", так этого не знаю и поэтому сюда и пишу, можно пошагово и что да как нужно?! arskat, в коде для ссылки Читать дальше... имеется класс .entryReadAllLink, которому для оформления кнопочки нужно задать необходимые вам атрибуты, то есть, под атрибутами подразумевается, например: background: #000; фон: #цвет фона; border: 1px solid #DE0505; граница вокруг элемента: размером 1 пиксель тип которой solid - тонкий и #цвет обводки padding: 3px; устанавливает значение полей вокруг содержимого элемента: 3 пикселя То есть, прописав необходимые атрибуты задаем оформление необходимому элементу, в данном случае для создания кнопки. Здесь можете ознакомится со многими ТЫК Прописываем для класса .entryReadAllLink атрибуты, и вставляем в: Панель Управления - Дизайн - Управление дизайном - CSS этот класс: Код .entryReadAllLink { background: #000; padding: 3px; border: 1px solid #DE0505; } Можете дописать к атрибутам кнопочки размер шрифта надписи: font-size: 11px; например, тип шрифта, например: font-family: Verdana,Tahoma,Arial; и т.д. Таким образом, у вас для кода $CUT$, который имеет класс entryReadAllLink, будет все время задано необходимое оформление, которое сможете всегда изменить непосредственно дописав или изменив необходимый атрибут для этого класса Сообщение отредактировал condor-bird - Воскресенье, 08 Сен 2013, 11:16:07
|
|
Цитата (condor-bird) Таким образом, у вас для кода $CUT$, который имеет класс entryReadAllLink, будет все время задано необходимое оформление, которое сможете всегда изменить непосредственно дописав или изменив необходимый атрибут для этого класса Ещё одна мелочь, как убрать там точки в начале кнопки "читать далее", и вообще заменить текст например на "просмотр или скачать"? а также сделать небольшой отступ снизу, чтобы кнопка не прилипала?  адрес сайта: http://photo-ars.ru/ http://arskat.ru/
http://arskat.do.am/ http://photo-ars.ru/ http://torrent-ars.do.am/ |
|
Цитата (arskat) Ещё одна мелочь, как убрать там точки в начале кнопки "читать далее" никак, скриптом можно, а так никак. Цитата (arskat) и вообще заменить текст например на "просмотр или скачать"? опять же, только скриптом надпись изменить... Сообщение отредактировал condor-bird - Воскресенье, 08 Сен 2013, 18:10:18
|
|
Цитата (condor-bird) опять же, только скриптом надпись изменить... Нашёл: Панель Управления / Главная / Замена стандартных надписей / Новости сайта и всё получилось. http://arskat.ru/
http://arskat.do.am/ http://photo-ars.ru/ http://torrent-ars.do.am/ |
|
Цитата (Ljubasha) В ксс, это для точек..entDots { display: none; } В ксс для отступа .eDetails { margin-top: 10px; } Отлично, это тоже помогло! Спасибо вам за помощь! condor-bird и Ljubasha Всем кто помог репутацию поднял. http://arskat.ru/
http://arskat.do.am/ http://photo-ars.ru/ http://torrent-ars.do.am/ Сообщение отредактировал arskat - Воскресенье, 08 Сен 2013, 18:43:50
|
ёпть, забыль про это 
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!