Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
stalin_alex

Визуальное оформление ссылок

Рекомендованные сообщения

Здравствуйте уважаемые модераторы!

 

Мне нужно изменить внешний вид моих ссылочек на главной странице в скине RUNET

 

Меня интересуют следующие вопросы:

 

1. Я изменил цвет ссылки от чёрного к зелёному, и после этого у неё пропал эффект переливания при наведении.Как мне зделать так, чтобы при наведениии она меняла цвет, как это делают ссылки по умолчанию чёрного цвета!

 

2. Как зделать так, чтобы у ссылки, при наведении, исчезало подчёркивание??

Поделиться сообщением


Ссылка на сообщение

В IPB общие классы для ссылок:

/* 
* ========================================
* global hyperlink styles 
* ========================================
*/


a:link,
a:visited,
a:active{
	background: transparent;
	text-decoration: underline;
	color: #2d0000;
}

a:hover{
	background: transparent;
	color: #000;
}

(цвета мои, произвольные)

Чтобы ссылка меняла цвет при наведении, следует в свойствах a:hover его изменить так, чтобы он отличался от заданного в a:link.....

text-decoration: underline; - подчеркивание.

text-decoration: none; - отсутствие подчеркивания. Чтобы при наведении черта убиралась, этот параметр нужно добавить в a:hover

 

Также для некоторых классов индивидуально могут добавляться свои параметры ссылок.

Поделиться сообщением


Ссылка на сообщение

Да..

Если записать так:

a:hover{
	background: transparent;
	color: #000;
	text-decoration: blink; 
}

Ссылка при наведении будет мигать :lol:

Но лучше так не делать.

Поделиться сообщением


Ссылка на сообщение
11/08/07 11:25 (изменено)
В IPB общие классы для ссылок:

/* 
* ========================================
* global hyperlink styles 
* ========================================
*/
a:link,
a:visited,
a:active{
	background: transparent;
	text-decoration: underline;
	color: #2d0000;
}

a:hover{
	background: transparent;
	color: #000;
}

(цвета мои, произвольные)

Чтобы ссылка меняла цвет при наведении, следует в свойствах a:hover его изменить так, чтобы он отличался от заданного в a:link.....

text-decoration: underline; - подчеркивание.

text-decoration: none; - отсутствие подчеркивания. Чтобы при наведении черта убиралась, этот параметр нужно добавить в a:hover

 

Также для некоторых классов индивидуально могут добавляться свои параметры ссылок.

 

Я конечно очень благодарен за помощь, но только я так и не понял где редактировать, или вставлять этот код надо(((( Что такое Общие классы для ссылок, а вернее где это находится??

Изменено пользователем stalin_alex

Поделиться сообщением


Ссылка на сообщение

Откройте в свойствах скина расширенный режим редактирования css.

Затем скопируйте весь код в текстовый редактор и изучайте.

О классах лучше почитать в специальной литературе по css.

Но, проще говоря, это элементы, которые помогают управлять внешним видом веб-страницы.

В коде html не пишем стили: цвет, размер, контур, а задаем класс, уже описанный в css.

Поделиться сообщением


Ссылка на сообщение
Откройте в свойствах скина расширенный режим редактирования css.

Затем скопируйте весь код в текстовый редактор и изучайте.

О классах лучше почитать в специальной литературе по css.

Но, проще говоря, это элементы, которые помогают управлять внешним видом веб-страницы.

В коде html не пишем стили: цвет, размер, контур, а задаем класс, уже описанный в css.

 

Так ну с изменением цветов разобрался, несложно было. Ну а скажите а как же зделать, чтобы отдельно взятая ссылка в левой панели отличалась цветом от остальных ссылок и при наведении так же был заданный цвет свой. Допустим я ей задал цвет командой color в HTML, но она не меняет цвет при наведении. Тоесть она должна отличаться от остальных ссылок, работающих по заданному шаблону в css

Поделиться сообщением


Ссылка на сообщение

Нужно отдельный класс создать, прописать его в html и в css, к нему добавить классы для ссылок и в них прописать свойства.

Возьмите, к примеру, класс .maintitle, найдите его в css и посмотрите, что ниже спустя n-ное число строк прописаны:

.maintitle a:link,

.maintitle a:active,

.....

По этому образу создайте класс .new.

А в html ссылки пропишете вида:

<span class="new"><a href="..."></span>

Поделиться сообщением


Ссылка на сообщение
11/08/07 14:06 (изменено)
Нужно отдельный класс создать, прописать его в html и в css, к нему добавить классы для ссылок и в них прописать свойства.

Возьмите, к примеру, класс .maintitle, найдите его в css и посмотрите, что ниже спустя n-ное число строк прописаны:

.maintitle a:link,

.maintitle a:active,

.....

По этому образу создайте класс .new.

А в html ссылки пропишете вида:

<span class="new"><a href="..."></span>

 

По моему понял. Попробую дома, а то, конец дня, и собираться пора домой. Спасибо, скоро отвечу что получилось!

Изменено пользователем stalin_alex

Поделиться сообщением


Ссылка на сообщение
По моему понял. Попробую дома, а то, конец дня, и собираться пора домой. Спасибо, скоро отвечу что получилось!

 

Объявляется превеликая благодарность модератору и дизайнеру Fisana

За безотказную помощь и дары знаний нуждающимся людям. Всё получилось Большое спасибо!

 

Ура! товарищиииии

Поделиться сообщением


Ссылка на сообщение

Уважаемые модераторы, у меня новый созревший вопрос!

 

Предисловие:

Есть мной созданная html страничка, в ней с помощью инклуда вставлен некий php код. В этом коде я зделал ссылку.

 

Внимание вопрос:

Как в этом случае заменить цвета ссылки и редактировать, как либо её! По умолчанию ссылка стала розовым цвтом, который для меня жуть как не приемлимо, на чёрном фоне!

 

к ipb этот вопрос не имеет... С уважением Коба!

Поделиться сообщением


Ссылка на сообщение

Создайте в той же папке к страничке файл css, пропишите его в head между тегами

и по типу:

<link href="название файла.css" rel="stylesheet" type="text/css" />

А в css задайте общие классы для ссылок:

a{свойства}

a:hover{свойства}

Поделиться сообщением


Ссылка на сообщение
Создайте в той же папке к страничке файл css, пропишите его в head между тегами <head> и </head> по типу:

<link href="название файла.css" rel="stylesheet" type="text/css" />

А в css задайте общие классы для ссылок:

a{свойства}

a:hover{свойства}

 

Всё понял. Получилось замечательно, ещё раз спасибо!

Поделиться сообщением


Ссылка на сообщение
11/17/07 15:45 (изменено)

Ещё вопросик!

 

А если ситуация такая: php скрипт добавлен в тело левой колонки, на главной странице форума. И не просто добавлен, а добавлен через iframe, а не через include, так как я уже давно сделал вывод, что так просто не заинклудишь скрипт на форум, и решил забить на это и пользоваться ифреймом. Так вот, в этом скрипте тоже есть ссылка, и она приняла вид розовой ссылочки, без изменений при наведении. Вот как тут поступать?

Изменено пользователем stalin_alex

Поделиться сообщением


Ссылка на сообщение

Честно говоря, не знаю, так как никогда iframe не использую. Приведите пример кода, возможно, соображу как..

Поделиться сообщением


Ссылка на сообщение
Честно говоря, не знаю, так как никогда iframe не использую. Приведите пример кода, возможно, соображу как..

monitoring.php

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...