PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Стиль первой буквы в ссылке?

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (2): « 1 [2]

Описание: Как изменить первую букву в ссылке?

Поиск в теме | Версия для печати

Luam	Отправлено: 07 Апреля, 2011 - 10:47:58
Новичок Покинул форум Сообщений всего: 4 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	[quote=Hunter][/quote] Сам так делаю и всё работает. А JS применять в данном случае извращение(ИМХО ). Вариант что с кодом просто что-то не то и этот класс как-то не подхватывается. ПЫСЫ. Хотя если уже воообще никак не разрешают трогать код(ужс), тогда что ж поделаешь. А обернуть первую букву спаном и уже к ней применить стиль? (Отредактировано автором: 07 Апреля, 2011 - 10:53:13)

Hunter	Отправлено: 07 Апреля, 2011 - 11:43:31
Частый гость Покинул форум Сообщений всего: 214 Дата рег-ции: Дек. 2009 Откуда: Блага Помог: 0 раз(а)	Luam, дык как же мне ее спаном обернуть то? Движок строит код без моего участия, а в коде модулей мне копаться нельзя. в моем распоряжении тока css и два класса, ну в крайнем случае можно js файл подключить в шаблон)) да и просто в чистом документе пробовал применить first-letter к обычной ссылке - результат нулевой, я незнаю как у вас это получалось. а доктайп тут роль играет? (Добавление) спс, задать селектор я и сам бы смог)

Luam	Отправлено: 07 Апреля, 2011 - 13:55:41
Новичок Покинул форум Сообщений всего: 4 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	[quote=Hunter][/quote] )) Естественно влияет

Hunter	Отправлено: 07 Апреля, 2011 - 17:13:34
Частый гость Покинул форум Сообщений всего: 214 Дата рег-ции: Дек. 2009 Откуда: Блага Помог: 0 раз(а)	готово)) без скрипта конечно не обошлось, но другое решение поищу позже. Может кому из новичков пригодится, хотя это сугубо частный случай). кусок html кода страницы, допустим index.php : CODE (html): скопировать код в буфер обмена <head> ... <link rel="stylesheet" href="css/first_letter_link.css" type="text/css" /> <script src="js/first_letter_link.js"></script> ... </head> <body onload="first_letter_link()"> ... <div id="wraper"> <div id="header"> <div id="headerleft"> <div class="moduletable_kshead"> <table width="100%" border="0" cellpadding="0" cellspacing="1"> <tr> <td nowrap="nowrap"> <a href="#" class="mainlevel_ksmhead" id="active_menu_ksmhead">link1</a> <span class="mainlevel_ksmhead"> \| </span> <a href="#" class="mainlevel_ksmhead" >link2</a> <span class="mainlevel_ksmhead"> \| </span> <a href="#" class="mainlevel_ksmhead" >link3</a> </td> </tr> </table> </div> </div> </div> </div> ... </body> для всех ссылок класса "mainlevel_ksmhead" требуется изменить цвет первой буквы, например сделать красной. Просто css результата не дал (наверно что то не то с doctype). Вот функция, которая заменит цвет первых букв нужных ссылок: css/first_letter_link.js: CODE (javascript): скопировать код в буфер обмена function first_letter_link() { links = document.getElementsByTagName('a'); for (var i=0; i<links.length; i++) { if (document.getElementsByTagName('a')[i].className == "mainlevel_ksmhead") { link = document.getElementsByTagName('a')[i].innerHTML; link_before = link.substring(0,1); link_after = link.substring(1); document.getElementsByTagName('a')[i].innerHTML = '<span class="letter">' + link_before + '</span>' + link_after; } else {} } } правила для класса спана, которым мы обернули нужные буквы css/first_letter_link.css: CODE (htmlphp): скопировать код в буфер обмена .letter { color: red; } В итоге во всех нужных ссылках первая буква красная, у остальных все осталось по умолчанию. Работает в IE, FF, O, CHR в других не проверял. Палками не бить, я просто любитель, сделано все на скорую руку в перекурах между работой)) хочу реализовать это на экспрешенах, подскажите где поподробнее почитать.

Luam	Отправлено: 09 Апреля, 2011 - 16:15:01
Новичок Покинул форум Сообщений всего: 4 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Как вариант по мне лучше скриптом добавь DOCTYPE в начало документа и тогда всякие велики отпадают.

Hunter	Отправлено: 10 Апреля, 2011 - 17:10:49
Частый гость Покинул форум Сообщений всего: 214 Дата рег-ции: Дек. 2009 Откуда: Блага Помог: 0 раз(а)	DOCTYPE я указал, просто не стал весь код приводить)

Поиск в теме | Версия для печати

Страниц (2): « 1 [2]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.