Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
stalin_alex

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

Recommended Posts

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

 

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

 

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

 

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

 

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

Share this post


Link to post
Share on other sites

В 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

 

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

Share this post


Link to post
Share on other sites

Да..

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

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

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

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

Share this post


Link to post
Share on other sites
В 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

 

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

 

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

Edited by stalin_alex

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites
Откройте в свойствах скина расширенный режим редактирования css.

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

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

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

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

 

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

Share this post


Link to post
Share on other sites

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

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

.maintitle a:link,

.maintitle a:active,

.....

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

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

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

Share this post


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

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

.maintitle a:link,

.maintitle a:active,

.....

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

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

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

 

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

Edited by stalin_alex

Share this post


Link to post
Share on other sites
По моему понял. Попробую дома, а то, конец дня, и собираться пора домой. Спасибо, скоро отвечу что получилось!

 

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

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

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

 

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

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

 

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

Share this post


Link to post
Share on other sites

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

и по типу:

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

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

a{свойства}

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

Share this post


Link to post
Share on other sites
Создайте в той же папке к страничке файл css, пропишите его в head между тегами <head> и </head> по типу:

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

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

a{свойства}

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

Edited by stalin_alex

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Честно говоря, не знаю, так как никогда iframe не использую. Приведите пример кода, возможно, соображу как..

monitoring.php

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...