Тема Элементы страницы

Форум | Дизайн | Элементы страницы (17)

[К последней странице]
........ [20] [Отв.] [OFF]
(30.03.2009 / 19:19)
Я конечно не самый крутой сисадмин в рунете,но новичкам помочь смогу. Итак,сегодня у нас элементы страницы.Писал с телефона,такшо за орфографию простите.
........ [20] [Отв.] [OFF]
(30.03.2009 / 19:20)
Сейчас всё чаще сайтостроител прикрепляют к ссылке картинку(стрелочку,звёздочку,вобщем какую нибудь иконку).
Иконка стоит либо перед ссылкой,либо после неё.
Если кто ещё не знает как это сделать,смотрите внимательно,вот код ссылки с иконкой:
Перед ссылкой:
<img src="здесь адрес картинки,с расширением"><a href="здесь адрес ссылки">здесь название</а><br/>
После ссылки:
<a href="здесь адрес ссылки">здесь название</а>
<img src="здесь адрес картинки,с расширением"><br/>
Думаю всё понятно.
........ [20] [Отв.] [OFF]
(30.03.2009 / 19:20)
Так,с ссылями разобрались,тепер,как запихнуть её в рамку.Это можно сделать двумя методами:стандартными средствами html разметки,и с помощью css.
Я сторонник второго способа.
Итак нада шоб какой-нить элемент каскада назовём его .ramka ,имел в себе информацию о рамке.
В теле каскада эт будет выглядеть так:
.ramka
{border : solid 1px #141414;}
Где 1рх-толщина рамки в пикселях,#141414-цвет рамки,у меня чёрный.
Также можно ставить и другие рамки н-р:
Рамка из точек
.ramka
{border : dotted 1px #141414;}
Рамка пунктиром
.ramka
{border : dashed 1px #141414;}
Двойная рамка,толщину лучше сделать больше:
.ramka
{border : double 5px #141414;}
Выемка:
.ramka
{border : groove 5px #141414;}
Гребень:
.ramka
{border : ridge 5px #141414;}
Вкладка:
.ramka
{border : inset 5px #141414;}
Боковик:
.ramka
{border : outset 5px #141414;}
Для отображение рамки на странице нужно просто заключить код ссылки в элемент каскада:
<div class="ramka"><a href="здесь адрес ссылки">здесь название</а><br/></div>
........ [20] [Отв.] [OFF]
(30.03.2009 / 19:49)
Если кому что интересно-задавайте вопросы,помогу,чем смогу
Hauptmann Naheliegen [381] [Отв.] [OFF]
(31.03.2009 / 11:39)
Ой.. Я в этих делах-чайник. а жаль..
........ [20] [Отв.] [OFF]
(01.04.2009 / 07:55)
Orloff,и правда,жаль.Ну ничё,комунить пригодится.
Волфи [978] [Отв.] [OFF]
(01.04.2009 / 15:37)
Все попробую ммм
Niemals [156] [Отв.] [OFF]
(01.04.2009 / 18:20)
Все это писать в файле "имя_стиль.css"
Как подключить не помню - давно этим не занимался
Niemals [156] [Отв.] [OFF]
(01.04.2009 / 18:26)
<link rel="stylesheet" href="путь_к_стилю" type="text/css" />
Это писать в заголовке (тэг HEAD) в редакторе по строкам. Или в меню страницы (венру).
Р.S.: В меню писать только адрес... zzZ..
сцуко ГадоF [1139] [Отв.] [OFF]
(04.04.2009 / 12:54)
А на странице уже выводить (в нужном месте)с помощью атрибута "class".
ViALeX [1] [Отв.] [OFF]
(02.01.2010 / 12:21)
По поводу иконок перед ссылкой.
Если хотите вывести перед всеми ссылками, в файле стиля пишем так:
a {background: no-repeat left;
background-image: url(путь к иконке);
padding-left:18px;}
Отступ слева нужно делать в зависимости от размера иконки. Если она 16 на 16, добавим 1-2 пикселя и пишем 18-17.
Таким образом без использования хтмл мы выводим иконку рядом с ссылкой.
Если нужно сделать эт в отдельном месте, просто допишите в див данные параметры и все будет работать.
Кукла в бантиках [11118] [Отв.] [OFF]
(02.01.2010 / 15:10)
надо и мне учится кодить. Потихоньку уже начинаю..
Alisia [5656] [Отв.] [OFF]
(02.01.2010 / 17:32)
Ой ребят спасибо вам за труд и думаю кому то это пригодиться а для меня и моего телефончика, ваши буковки как грамота китайская гг. Вродь плакать надо, но чет на смех плющит меня сегодня
сцуко ГадоF [1139] [Отв.] [OFF]
(03.01.2010 / 00:51)
Кукла в бантиках, А это и не кодинг вовсе. Это - разметка! Юзай сканеры с мобилки, и "исходный код" с компа.
Исчезнувшая [2673] [Отв.] [OFF]
(03.01.2010 / 13:55)
скажите, могу ли я читая где нибудь книгу, скопировать с нее отрывок. Там нет никаких окошек. Признаюсь, я тоже чайник в этих вопросах.
сцуко ГадоF [1139] [Отв.] [OFF]
(03.01.2010 / 18:07)
Исчезнувшая, С компа или телефона?
Tymmy [5] [Отв.] [OFF]
(25.06.2010 / 18:47)
Все это знаю. )
Форум | Дизайн | Элементы страницы (17)
Ссылка на тему:
Главная форума
Онлайн на форуме: 0
На главную
Сейчас на сайте: 56
© MuZa.NaMe
waplog
[86 / 0.0558 сек]