Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Пунктирное обрамление для сайта (Коды и всякие мелочи)
Пунктирное обрамление для сайта
Kosten
Дата: Суббота, 06.02.2016, 02:54 | Сообщение # 1
Администраторы
Сообщений:12716
Награды: 39


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



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

Пунктирное обрамление

Чтобы сделать пунктирную рамку, вместо обычной, например для какой-то ячейки, применяем для border параметр dashed. К вашему CSS-коду приписываем "border: 1 dashed".

Например:

Код
.class {border 1px dashed #cccccc; и тут дальше ваши параметры}


Пунктирный hr через css

Обычную hr-линию заменяем на более стильный пункт. Просто добавляем в css строчку:

Код
hr {border:1px dashed #ccc; border-right:0px; border-left:0px; border-top:0px; height:1px; margin:5px -6px 2px -6px;}


Cмена картинки при наведении

Чтобы при наведении курсора картинка менялась на другую нам нужен такой код:

Код
<img src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'">


Отступы от краёв

Отступы от краёв делаем с помощью DIV'ов. Советую делать в процентах:

Код
<div style="margin-left: 10%; margin-right: 10%;"> контент </div>


Текст на размер больше

Выделить какую-то часть предложения без нудных подборов можно так

Код
Я знаю <big>больше</big>, чем Spout


Редирект с страницы на страницу

Мгновенный скрипт переадресаций с домена на домен. Ставим в head

Код
<script language="JavaScript"> window.location.href = "http://куда переадресовать/" </script>


Источник: http://spouts.ru/


Сафрон
Дата: Суббота, 06.02.2016, 03:08 | Сообщение # 2
Пользователи
Сообщений:162
Награды: 0


Всегда такая информация пригодиться, как говорят, мелочь, но приятно.
ucozmental
Дата: Суббота, 06.02.2016, 03:40 | Сообщение # 3
Пользователи
Сообщений:91
Награды: 0


Цитата Сафрон ()
Всегда такая информация пригодиться, как говорят, мелочь, но приятно.

Вот такими мелочами, но они здесь не все, и настраивают сайт.
AnTron
Дата: Суббота, 06.02.2016, 04:19 | Сообщение # 4
Пользователи
Сообщений:33
Награды: 0


Вот отступ от краев, пригодиться.
Tergran
Дата: Суббота, 06.02.2016, 04:44 | Сообщение # 5
Пользователи
Сообщений:83
Награды: 0


Так нужно пополнять, если так тему назвали, а что там, это немногое, что пригодиться.
csretven
Дата: Суббота, 06.02.2016, 08:38 | Сообщение # 6
Пользователи
Сообщений:46
Награды: 0


Нормально, по больше такого материалу.
Dixes
Дата: Суббота, 06.02.2016, 11:40 | Сообщение # 7
Vip
Сообщений:136
Награды: 2


еще вариант переадресации )

Код
<script language="JavaScript" type="text/javascript">
location="/"
</script>
Форум про uCoz » Всё для web-мастера » Web мастеру » Пунктирное обрамление для сайта (Коды и всякие мелочи)
Страница 1 из 11
Поиск: