|
Результаты поиска
|
|
| bandjuk | Дата: Воскресенье, 13.11.2011, 21:35 | Сообщение # 136 | Тема: Оформление ссылок в таблице стилей (CSS) |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Хотите, чтобы ваши ссылки не выглядели уныло-подчёркнутыми?
Для этого Каскадные таблицы стилей (CSS) имеют ряд дополнений при использовании ссылок: их можно раскрасить в любые цвета, можно убрать подчёркивание, можно выделить ссылку двумя горизонтальными линиями, можно увеличить высоту шрифта при наведении на неё курсором и многое другое.
Всё зависит от Вас и Вашей фантазии!
Разберём кусочек кода из таблице стилей CSS сайта Ucoz.
Открываем: Панель Управления --->Управление дизайном ---> Таблица стилей (CSS), находим код:
Code
/* General Style */
a:link {text-decoration:underline; color:#FFFFFF;}
a:active {text-decoration:underline; color:#FFFFFF;}
a:visited {text-decoration:underline; color:#FFFFFF;}
a:hover {text-decoration:none; color:#FFFFFF;}
Этот кусочек кода отвечает за оформление практически всех ссылок а сайте!
Для начала давайте разберём этот код:
a:link- неактивированная ссылка;
a:active- ссылка активированная в данный момент;
a:visited- ссылка активированная ранее (посещённые ссылки);
a:hover- ссылка при наведении указателя мыши;
color:#FFFFFF; - отвечает за цвет соответствующей ссылки. В нашем примере все ссылки имеют белый цвет.
text-decoration: - этот параметр отвечает за стиль соответствующей ссылки, имеет следующие значенияч:
text-decoration:underline; - ссылка подчёркнута;
text-decoration:none; - ссылка не подчёркнута;
text-decoration: underline overline;} - ссылка подчёркнута вверху и внизу;
text-decoration:line-through;} - ссылка зачёркнута;
значение
border-bottom: 2px dashed; - пунктирное подчёркивание внизу с тощиной 2 пикселя;
где 2px dashed означает,что линия будет пунктирной с тощиной 2 пикселя, а border-bottom
проводит наш пунктирчик снизу.
Пример:
Code a:hover {color:#ff0000; border-bottom: 2px dashed;}
Ну а сейчас сделаем так, чтобы ссылка при наведении на неё курсором выделялась другим цветом, например, синим. Допишем в свойстве a:hover следующее background:#0000ff
Code a:hover {color:#ff0000; text-decoration:none;background:#0000ff;}
Ну и напоследок давайте выделим нашу ссылочку рамкой, для чего нам понадобятся обработчики событий onMouseOver (указатель мыши находится на ссылке) и onMouseOut(указатель мыши находится вне ссылки).
Code <table id=table1 onMouseOver="table1.border='2'" onMouseOut="table1.border='0'" border='0'> <tr> <td> <a href=#.html>ССЫЛКА</a> </td></tr></table >
Материалы на эту же тему:
Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Основные Мета тэги
Создание рамки с помощью FIELDSET
Границы при помощи border
Коды для вставки изображения в страницу
|
| |
| |
|
| bandjuk | Дата: Среда, 16.11.2011, 11:12 | Сообщение # 138 | Тема: Изменение фона на странице "Ответ добавлен" (на форуме) |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Изменение фона стиля формы Ответ добавлен (на форуме).
Когда вы добавляете новое сообщение, Вы видете окошко с надписью:
"Новый ответ был успешно добавлен. Подождите, сейчас Вы будете перемещены...
(Или нажмите сюда, если не хотите ждать)"
Благодаря этим кодам, Вы можете изменить фон страницы и фон окошка на картинку или другой цвет фона.
Если Вы хотите просто изменить цвет фона страницы и окна.
Панель Управления ---> Управление Дизайном ---> Таблица стилей (CSS), и найти код:
Code
/* Other Styles */
.replaceTable {background:#0F0F13;height:100px;width:300px;border:1px solid #5B5C74;}
.replaceBody {background:#000000;}
.legendTd {font-size:7pt;}
/* ------------ */
.replaceTable - отвечает за размеры и фон таблицы;
.replaceBody - отвечает за фон страницы;
Чтобы заменить фон страницы и таблицы на изображение необходимо заменить:
Code .replaceTable {background:#0F0F13;height:100px;width:300px;border:1px solid #5B5C74;}
.replaceBody {background:#000000;}
на
Code
.replaceBody {background:url('ссылка на изображение');}
.replaceTable {background:url('ссылка на изображение');width:400px; height:224;}
Материалы на эту же тему:
Скрипт Новогодняя кнопка вверх для сайта uCoz
Скрипт "Новая кнопка добавить новость"
Скрипт "Красивая иконка ленты новостей RSS"
Скрипт "Иконка NEW"
Скрипт "Классные медали на форум"
Скрипт "Красивое раздвижное меню"
Скрипт "Кнопка добавить материал, новость"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"
|
| |
| |
| bandjuk | Дата: Четверг, 17.11.2011, 11:58 | Сообщение # 139 | Тема: Скрипт "Новогоднее поздравление Деда Мороза и снег" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Описание:
Супер классный скрипт поздравлений с новым 2012 годом! После загрузки страницы на сайте идёт снег (количество снежинок можно выставлять!), появляется Дед Мороз и поздравляет посетителей Вашего сайта с ЯНовым 2012 Годом! В верхнем правом углу сайт появляется веточка ёлки, нажимая на которую можно включать\отключать снег на сайте!
Скрипт просто бомба! Подойдёт под любой дизайн сайта!
Установка:
В установке скрипт абсолютно неприхотлив!
Вы можете установить скрипт как на отдельные страницы сайта в любое место!
Если же вы хотите видеть скрипт на всех страницах сайта:
Панель управления ---> Упраление дизайном ---> Глобальные блоки ---> Верхняя часть сайта в самый верх или в самый низ.
Также скрипт можно вставить в любой глобальный блок!
Код скрипта:
Code <script language="javascript" src="http://ssilki.at.ua/game/Noviy_god/rem.js"></script> <script> num_page = 7; no = Check(num_page); </script> <script language="javascript" src="http://ssilki.at.ua/game/Noviy_god/snow.js"></script> <script> var congratulations = "<p></p><p ALIGN='CENTER'><font color='#FF0000'>Дорогие Друзья!</font></p><p></p><p>Наш сайт поздравляет Вас с Новым 2012 годом!</p><p>Желаем Вам счастья, здоровья, любви, успехов!</p><p>Пусть в Новом Году сбудутся все Ваши мечты!</p><p></p>"; </script> <script language="javascript" src="http://ssilki.at.ua/game/Noviy_god/dedm.js"></script>
При желании текст поздравления можно изменить!
В правом углу сайта появляется еловая ветка с кнопкой для включения и отключения падающего снега.
num_page = 7; - число снежинок, можно изменить, но не ставьте слишком много, чем больше снежинок, тем дольше будет загружаться страница сайта.
Поздравляем всех с наступающим Новым Годом!
Материалы на эту же тему:
Скрипт падающего снега
Скрипт Новогодняя кнопка вверх для сайта uCoz
Скрипт "Зима"
Скрипт "Осень"
Яндекс Краски на вашем сайте
Изменение фона на странице "Ответ добавлен" (на форуме)
Новые иконки групп пользователей для сайта Ucoz
Скрипт "Красивый сворачивающийся мини профиль+форма входа"
Замена иконок Изменить, Удалить тему на форуме Ucoz
Скрипт "Красивый информер обоев на Ваш сайт"
Ещё один информер обоев для Вашего сайта
Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид фотографий"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
|
| |
| |
| bandjuk | Дата: Четверг, 17.11.2011, 16:11 | Сообщение # 140 | Тема: Основные атрибуты и свойства фона - background |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Свойство background позволяет снабдить графическим фоном любой элемент Вэб-страницы.
Для использования графического фона надо указать имя и местоположение файла, содержащего соответствующее изображение. Для этого служит атрибут URL.
Разберём код:
Code <body style="background:url('http://ssilki.at.ua/image/3.gif') repeat-x #000000;">
background:url('http://ssilki.at.ua/image/3.gif') - указывает на адрес фонового изображения;
#000000- задаёт цвет фона;
Атрибут repeat определяет степень повторяемости фонового изображения и может иметь следующие значения:
repeat - изображение бесконечно повторяется по горизонтали и вертикали, заполняя собой все фоновое пространство браузера;
repeat-x - изображение повторяется по горизонтали;
repeat-y - изображение повторяется по вертикали;
no-repeat- изображение не повторяется.
По умолчанию браузер пытается размножить изображение таким образом, чтобы целиком заполнить пространство.
Свойство background-attachment определяет, фиксируется ли фоновый рисунок, или прокручивается вместе с содержимым страницы.
Атрибут scroll - определяет подвижность/статичность фона.
Background-attachment: scroll - фон перемещается вместе с содержимым страницы;
Background-attachment: fixed- фоновая графика статична.
По умолчанию фоновый рисунок позиционируется в левом верхнем углу экрана.
Свойство background -position - определяет положение картинки в окне браузера (top, middle, bottom, left, center, right)().
При копировании изображения с целью заполнения площади элемента браузер воспринимает значение этого свойства в качестве отправной точки.
Координаты начального положения изображения можно задавать:
1) в виде процентных отношений (20%);
Code background-position: 20% 20%
2) в виде абсолютных значений в пикселях (15px);
Code background-position: 15px 15px
3) в виде абсолютных значений в сантиметрах (5cm);
Code background-position: 5cm 5cm
3) в виде констант (top left).
Code background-position: top left
Для изменения цвета фона служит свойство background-color.
Цвет фона может задаваться:
1) название цвета (red, yellow);
Code background-color: red
2) шестнадцатеричным значением (#FF00AA);
Code background-color: #FF00AA
3) функцией RGB (25%,50%,0%), выражающей абсолютное или процентное содержание красной, зеленой и синей составляющих цвета.
Значение transparent указывает на то, что фон является прозрачным, т.е. отсутствует.
Code background-color: transparent
Материалы на эту же тему:
Создание красивого раздвижного меню для сайта
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Создание рамки с помощью FIELDSET
Границы при помощи border
Коды для вставки изображения в страницу
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 11:54 | Сообщение # 141 | Тема: Скрипт Новогодняя кнопка вверх для сайта uCoz |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Скрипт Новогодняя кнопка вверх для сайта uCoz (вместо стрелки - Ёлка)
Кнопка "Вверх" появляется после пролистывания страницы сайта вниз и пропадает, как только Вы снова окажетесь в самом верху страницы
При нажатии на кнопку происходит плавное прокручивание страницы вверх (в браузере Opera резкий переход вверх)
Установка:
Панель управления ---> Управление дизайном ---> Нижняя часть сайта,
В самый верх вставляем код:
Code <a href="#" id="toTop"><img src="http://fotki.ucoz.ua/images/top.gif" border="0" align="absmiddle" /><b>Вверх</b> </a>
<script src="http://fotki.ucoz.ua/script/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
в этом коде задаётся:
<img src="http://fotki.ucoz.ua/images/top.gif" border="0" align="absmiddle"/> - изображение кнопки;
<b>Вверх</b>- надпись на кнопке;
Панель управления ---> Управление дизайном ---> Таблица стилей (CSS)
В самый верх вставляем код:
Code
/* === jQ TOP === */
#toTop {
width: 50px;
background: #66CCFF;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #000000;
text-decoration: none;
}
/* =============== */
Материалы на эту же тему:
Классный новогодний дракон (фон прозрачный)
Скрипт падающего снега
Скрипт "Новогоднее поздравление Деда Мороза и снег"
Скрипт Новогодняя кнопка вверх для сайта uCoz
Скрипт "Зима"
Скрипт "Осень"
Яндекс Краски на вашем сайте
Изменение фона на странице "Ответ добавлен" (на форуме)
Новые иконки групп пользователей для сайта Ucoz
Скрипт "Красивый сворачивающийся мини профиль+форма входа"
Замена иконок Изменить, Удалить тему на форуме Ucoz
Скрипт "Красивый информер обоев на Ваш сайт"
Ещё один информер обоев для Вашего сайта
Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид фотографий"
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 16:06 | Сообщение # 142 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Я так понял что этот код идёт вместе с чатом!
Смотри сам:
Code <script type='text/javascript' src='http://sc-ucoz.at.ua/chatik/jquery.js?ver=1.4.4'></script> <script src="http://radical.3dn.ru/online.js"></script> <div id="xs_contact" style="display: none;">
Что делает этот скрипт я не знаю, может он безвреден (мой Аваст его просто блокирует и пишет заражён Трояном!), и честно говоря проверять не хочу!
Смотри сам, но я бы на твоём месте удалил бы этот Скрипт!
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 16:08 | Сообщение # 143 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Попробуй удалить только вредоносный скрипт и проверь будет ли работать чат!
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 16:11 | Сообщение # 144 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Дай мне скрипт твоего чата
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 16:28 | Сообщение # 145 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Попробуй перейти по этой ссылке http://radical.3dn.ru/online.js у меня она блокируется,
перейди по ней, должен появится код, скопируй его и выложи тут
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 17:23 | Сообщение # 146 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Даже не знаю, что это за код.
Попробуй из кода чата удалить Code <script src="http://radical.3dn.ru/online.js"></script>
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 17:30 | Сообщение # 147 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Полюбому!
Куда ты вставляешь код чата?
Я у себя пробовал в Верхнюю часть сайта, не получается!
Кстати сейчас заходил к тебе на сайт, антивирусник молчит, значит всё ок!
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 17:36 | Сообщение # 148 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Я протупил! У меня модуль чата неактивирован!
Насчёт поднятия чата вверх, попробуй поиздеваться над кодом
Code #contactForm { background-color:#222; border:1px solid #444; color:#FFFFFF;right:0; overflow:hidden; margin-right:-360px; margin-top:80px;padding:10px; position:fixed; top:20px;width:330px; z-index:99; }
margin-right:-360px; поменять на margin-top:-360px;
в общем нужно пробовать!
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 17:43 | Сообщение # 149 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Quote (xSHAMANx) я вот хз как добавить... дурацкие кирпичи на весь контент
Дай код своего CSS
|
| |
| |
| bandjuk | Дата: Пятница, 18.11.2011, 17:51 | Сообщение # 150 | Тема: Вредоносный код |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
xSHAMANx,
Ага, нужен код
Редактор страниц--Страницы сайта
Бекграунд сайта там
|
| |
| |
