Как изменить цвет ссылок ТОЛЬКО в тексте сообщений?

Автор chei, 08 октября 2008, 19:03:53

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

chei

Собственно говоря уже спросил в названии темы :)
Необходимо изменить цвет только тех ссылок, ккоторые содержатся в сообщениях пользователей. :)
Спасибо :)

chei

#1
Перед тем,как спросить, пробовал сделать как описано Княже  ТУТ
Однако изменился цвет практически всех ссылок uglystupid
/* Navigation */
/* main nav */


/* Normal, standard links. */
a:link
{
color: #663399;
text-decoration: underline;
}
a:visited, a:hover
{
color: #000066;
text-decoration: underline;
}



#mainnav {
height: 31px;
line-height: 31px;
padding: 0;
margin: 0;
background: #a6c720 url(images/custom/nav_bg.png) 0 0 repeat-x;
}
#mainnav-l {
background: #a6c720 url(images/custom/nav_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
#mainnav-r {
background: #a6c720 url(images/custom/nav_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
#mainnav ul {
list-style: none;
margin: 0px;
padding: 0;
}
#mainnav li {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
background: url(images/custom/nav_div.png) 100% 50% no-repeat;
}
#mainnav li a {
color:#fff;
text-transform: uppercase;
padding: 0 10px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 0.85em;
}
#mainnav li a:hover, #mainnav li.current a {
background: url(images/custom/nav_pointer.png) 50% 0 no-repeat;
}
/* mainnav end*/

chei

Гм. Никто не знает как? Или это невозможно в принципе? :(

Mavn

напримере своей темы расскажу..
Смотрим исходный текст страницы


<div class="post" id="msg_33297">
Собственно говоря уже спросил в названии темы <img src="http://www.simplemachines.ru/Smileys/SMF_Smilies/smiley.gif" alt=":)" title="Smiley" border="0" class="smiley" /><br />Необходимо изменить цвет только тех ссылок, ккоторые содержатся в сообщениях пользователей. <img src="http://www.simplemachines.ru/Smileys/SMF_Smilies/smiley.gif" alt=":)" title="Smiley" border="0" class="smiley" /><br />Спасибо <img src="http://www.simplemachines.ru/Smileys/SMF_Smilies/smiley.gif" alt=":)" title="Smiley" border="0" class="smiley" />
</div>


сообщение у нас относится к классу class="post" следовательно для того чтобы задать стиль для ссылок тебе нужно сделать это для данного класса post.
SimpleMachines Russian Community Team
п.1 Пройду курсы гадалок для определения исходного кода по скриншоту.

п.2 У вас нет желания читать правила раздела, у меня нет желания одобрять темы, которые не соответствуют этим правилам.

chei

Спасибо.  :)Хотя Вы сильно высокого мнения о моих знаниях в области программирования.  :-[ Дальше "пробного тыка" я ушел недалеко :-[ Буду пробовать :)

Mavn

если выложить сразу решение то вы просто тупо скопируете не вникая в суть вопроса а так как говорится путь куда рыть я вам дал ну а дальше вы капаете :). Научитесь логически думать :)
SimpleMachines Russian Community Team
п.1 Пройду курсы гадалок для определения исходного кода по скриншоту.

п.2 У вас нет желания читать правила раздела, у меня нет желания одобрять темы, которые не соответствуют этим правилам.

Avdenago


chei

К сожалению нет. Так далеко мои знания не распостраняются. А ничего аналогичного я пока не нашел :-[
Я пока как обезъянка. Гдето увидел, чуть чуть переделал :-[
:)

Mavn

.post a {
color:#fff;
}
.post a:hover{
color:#fff;
}

.post a:visited{
color:#fff;
}

по такому принципу нужно прописать
SimpleMachines Russian Community Team
п.1 Пройду курсы гадалок для определения исходного кода по скриншоту.

п.2 У вас нет желания читать правила раздела, у меня нет желания одобрять темы, которые не соответствуют этим правилам.

chei


Mavn

SimpleMachines Russian Community Team
п.1 Пройду курсы гадалок для определения исходного кода по скриншоту.

п.2 У вас нет желания читать правила раздела, у меня нет желания одобрять темы, которые не соответствуют этим правилам.

chei

#11
Большое спасибо! :) После "тонкого намека"  Mavn все конечно получилось   O0 Одно обидно, что непонятно почему :(  Почему обошлись вообще без  "link"? Но это совсем глупый вопрос.  idiot Спишем его на полное незнание сути вопроса :-[

/* Post links. */
/* Цвет "свежей" ссылки  в теле сообщения (красный, подчеркнутый)*/
.post a
{
color: #FF0000;
text-decoration: underline;
}
/*Цвет недавно посещенной ссылки (фиолетовый,подчеркнутый)*/
.post a:visited
{
color: #660066;
text-decoration: underline;
}
/* Цвет ссылки при наведении курсора мыши (синий, без подчеркивания)*/
.post a:hover
{
color: #0033CC;
text-decoration: none;
}


Еще раз Большое спасибо за помощь  :)

Mavn

ну сейчас поясню первым делом в файле style.css задаются такие вот параметры

/* Normal, standard links. */
a:link
{
color: #476C8E;
text-decoration: none;
}
a:visited
{
color: #476C8E;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

данные параметры задаются глобально, типа все ссылки которые будут на странице должны обрабатываться при помощи данного правила.
В том примере что я привел у тебя задаются параметры ссылок непосредственно для одного класса post
SimpleMachines Russian Community Team
п.1 Пройду курсы гадалок для определения исходного кода по скриншоту.

п.2 У вас нет желания читать правила раздела, у меня нет желания одобрять темы, которые не соответствуют этим правилам.

chei

Просто в style.css моей темы такого описания (/* Normal, standard links. */) нет вообще :) Я пробовал всавлять похожий  блок (пример приводил выше). Но менялся цвет ссылок практически по всей странице :)

html {
height:100%;
margin-bottom:1px;
color: #737373;
}
/* The general styles that apply to all elements */
* {
margin:0;
padding:0;
}
.clr {
clear:both;
}
a, a:visited {
color:#a6c720;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
/* (MAIN) LAYOUT */
body {
margin: 0px;
padding: 0px;
height:100%;
font-family: Tahoma, Arial, sans-serif;
color: #737373;
text-align:center;
line-height: 1em;
font-size: 0.7em;
background: #e4e5d5;
}
#wrapper {
margin: 0 auto;
width: 95%;
position: relative;
text-align: left;
}
/* style selectors end */
/* HEADER */
#header {
width:100%;
height: 52px;
background: #2b8ec9 url(images/custom/header_bg.png) 0 0 repeat-x;
}
#header-l {
background: #2b8ec9 url(images/custom/header_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
#header-r {
background: #2b8ec9 url(images/custom/header_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
#logo {
float:left;
margin-left:0;
}
#logo a, #logo a:visited {
color:#fff;
text-decoration: none;
}
#logo a:hover {
color: #ccc;
text-decoration: none;
}
a.logo {
display:block;
margin-top: 1px;
height:51px;
width:300px;
background:transparent url(images/custom/logo.png) no-repeat 0 0;
}
a.logo-txt {
height:52px;
line-height: 52px;
font-size: 2em;
color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* header end */
/* Navigation */
/* main nav */


/* Post links. */
/* Цвет "свежей" ссылки  в теле сообщения (красный, подчеркнутый)*/
.post a
{
color: #FF0000;
text-decoration: underline;
}
/*Цвет недавно посещенной ссылки (фиолетовый,подчеркнутый)*/
.post a:visited
{
color: #660066;
text-decoration: underline;
}
/* Цвет ссылки при наведении курсора мыши (синий, без подчеркивания)*/
.post a:hover
{
color: #0033CC;
text-decoration: none;
}

#mainnav {
height: 31px;
line-height: 31px;
padding: 0;
margin: 0;
background: #a6c720 url(images/custom/nav_bg.png) 0 0 repeat-x;
}
#mainnav-l {
background: #a6c720 url(images/custom/nav_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
#mainnav-r {
background: #a6c720 url(images/custom/nav_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
#mainnav ul {
list-style: none;
margin: 0px;
padding: 0;
}
#mainnav li {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
background: url(images/custom/nav_div.png) 100% 50% no-repeat;
}
#mainnav li a {
color:#fff;
text-transform: uppercase;
padding: 0 10px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 0.85em;
}
#mainnav li a:hover, #mainnav li.current a {
background: url(images/custom/nav_pointer.png) 50% 0 no-repeat;
}
/* mainnav end*/
/* USER BAR / QUICK SEARCH */
#userbar {
height:57px;
width:100%;
color: #fff;
background: #1680be url(images/custom/userbar.png) 0 0 repeat-x;
margin:0;
padding:0;
}
#userbar a, #userbar a:visited {
color: #a6c720;
}
#userbar a:hover {
color: #fff;
}
#userbar-l {
background: #1680be url(images/custom/userbar_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
#userbar-r {
background: #1680be url(images/custom/userbar_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
#topbar {
float:left;
margin-top:7px;
padding-left:10px;
color:#fff;
position: relative;
}
#searcharea {
float:right;
margin:7px 10px 0 0;
position: relative;
}
#loggedin {
float:left;
margin: 8px 20px 0 0;
}
#loggedin2 {
float:left;
margin: 8px 20px 0 0;
}
#topbar form input, #searcharea form input {
background:#fff;
margin-top: 10px;
padding-left:3px;
width:120px;
position:relative;
border:1px inset;
bottom:2px;
}
#topbar form input:focus, #searcharea form input:focus {
background:#fff;
}
#topbar form input.submit, #searcharea form input.submit {
width:27px;
height:18px;
border:none;
bottom:-3px;
padding:0;
}



/* LINKTREE / PATHWAY */
.pathway {
height: 30px;
line-height: 30px;
padding: 0;
margin: 0;
color: #647a0d;
font-weight: bold;
background: #ebebb9 url(images/custom/linktree_bg.png) 0 0 repeat-x;
}
.pathway-l {
background: #ebebb9 url(images/custom/linktree_l.png) 0 0 no-repeat;
margin: 5px 0;
padding-left: 10px;
position: relative;
}
.pathway-r {
background: #ebebb9 url(images/custom/linktree_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.pathway a, .pathway a:visited {
color: #647a0d;
font-weight: normal;
}
.pathway a:hover {
color: #000;
font-weight: normal;
}
/* FOOTER */
#footer {
height: 30px;
line-height: 30px;
padding: 0;
color: #647a0d;
font-weight: normal;
margin: 0;
background: #ebebb9 url(images/custom/linktree_bg.png) 0 0 repeat-x;
}
#footer, #footer2 {
text-align: center;
}
#footer-l {
background: #ebebb9 url(images/custom/linktree_l.png) 0 0 no-repeat;
margin: 5px 0;
padding-left: 10px;
position: relative;
}
#footer-r {
background: #ebebb9 url(images/custom/linktree_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
#footer a, #footer a:visited {
color: #647a0d;
font-weight: normal;
}
#footer a:hover {
color: #000;
font-weight: normal;
}
/* BOARDINDEX.TEMPLATE.PHP */
.bluebg {
height: 36px;
line-height: 36px;
padding: 0 0 0 5px;
margin: 0;
color: #fff;
font-weight: bold;
background: #1680be url(images/custom/bluebg.png) 0 0 repeat-x;
}
.bluebg a, .bluebg a:visited {
color: #fff;
}
.bluebg a:hover {
color: #ccc;
}
.bluebg-l {
background: #1680be url(images/custom/bluebg_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.bluebg-r {
background: #1680be url(images/custom/bluebg_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.border {
padding: 0;
margin: 0;
background-color: #fff;
}
.border-l {
background: #fff url(images/custom/border_l.png) 0 0 repeat-y;
padding-left: 5px;
position: relative;
}
.border-r {
background: #fff url(images/custom/border_r.png) 100% 0 repeat-y;
padding-right: 5px;
position: relative;
}
.bluebgbottom {
height: 23px;
line-height: 23px;
padding: 0;
margin: 0;
background: #1680be url(images/custom/bluebgbottom.png) 0 0 repeat-x;
}
.bluebgbottom-l {
background: #1680be url(images/custom/bluebgbottom_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.bluebgbottom-r {
background: #1680be url(images/custom/bluebgbottom_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.infocenter {
height: 36px;
line-height: 36px;
padding: 0;
margin: 0;
color: #fff;
font-weight: bold;
text-align: center;
background: #1680be url(images/custom/bluebg.png) 0 0 repeat-x;
}
/* NEWS NEWSFADER */
.greenbg {
height: 36px;
line-height: 36px;
padding: 0 0 0 5px;
margin: 0;
color: #fff;
font-weight: bold;
text-align: center;
background: #a6c720 url(images/custom/greenbg.png) 0 0 repeat-x;
}
.greenbg a, .greenbg a:visited {
color: #fff;
}
.greenbg a:hover {
color: #737373;
}
.greenbg-l {
background: #a6c720 url(images/custom/greenbg_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.greenbg-r {
background: #a6c720 url(images/custom/greenbg_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.newsfader {
padding: 0;
margin: 0;
background-color: #ffffff;
text-align: center;
}
#smfFadeScroller, .newsbox {
margin: 0;
padding: 5px 10px;
border: 1px solid #ccc;
}
.greenbgbottom {
height: 23px;
line-height: 23px;
padding: 0;
margin: 0 0 10px 0;
background: #a6c720 url(images/custom/greenbgbottom.png) 0 0 repeat-x;
}
.greenbgbottom-l {
background: #a6c720 url(images/custom/greenbgbottom_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.greenbgbottom-r {
background: #a6c720 url(images/custom/greenbgbottom_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
/* small new_some and new_none description */
.new_some {
margin: 0;
padding: 4px 0 4px 20px;
font-size: x-small;
font-family: verdana, sans-serif;
background: url(images/new_some.gif) 0 50% no-repeat;
}
.new_none {
margin: 0 0 0 4ex;
padding: 4px 0 4px 20px;
font-size: x-small;
font-family: verdana, sans-serif;
background: url(images/new_none.gif) 0 50% no-repeat;
}
/* boardindex.template.php end */
/* MESSAGEINDEX.TEMPLATE.PHP */
.bluebg2 {
height: 20px;
line-height: 20px;
padding: 0;
margin: 0;
background: #1680be url(images/custom/bluebg2.png) 0 0 repeat-x;
}
.bluebg2-l {
background: #1680be url(images/custom/bluebg2_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.bluebg2-r {
background: #1680be url(images/custom/bluebg2_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.whitetop {
height: 8px;
line-height: 8px;
padding: 0;
margin: 0;
background: #fff url(images/custom/white_top.png) 0 0 repeat-x;
}
.whitetop-l {
background: #fff url(images/custom/white_top_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.whitetop-r {
background: #fff url(images/custom/white_top_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.whitebox {
background-color: #fff;
}
.whitebox-l {
background: #fff url(images/custom/white_l.png) 0 0 repeat-y;
padding-left: 10px;
position: relative;
}
.whitebox-r {
background: #fff url(images/custom/white_r.png) 100% 0 repeat-y;
padding-right: 10px;
position: relative;
}
.whitebot {
height: 8px;
line-height: 8px;
padding: 0;
margin: 0;
background: #fff url(images/custom/white_bot.png) 0 0 repeat-x;
}
.whitebot-l {
background: #fff url(images/custom/white_bot_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.whitebot-r {
background: #fff url(images/custom/white_bot_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
.buttonbar {
height: 30px;
line-height: 30px;
padding: 0;
margin: 0;
color: #647a0d;
font-weight: bold;
background: #fff url(images/custom/buttonbar_bg.png) 0 0 repeat-x;
}
.buttonbar-l {
background: #fff url(images/custom/buttonbar_l.png) 0 0 no-repeat;
margin: 5px 0;
padding-left: 10px;
position: relative;
}
.buttonbar-r {
background: #fff url(images/custom/buttonbar_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
/* messageindex.template.php end */
.greenbg2 {
height: 20px;
line-height: 20px;
padding: 0;
margin: 0;
background: #a6c720 url(images/custom/greenbg2.png) 0 0 repeat-x;
}
.greenbg2-l {
background: #a6c720 url(images/custom/greenbg2_l.png) 0 0 no-repeat;
padding-left: 10px;
position: relative;
}
.greenbg2-r {
background: #a6c720 url(images/custom/greenbg2_r.png) 100% 0 no-repeat;
padding-right: 10px;
position: relative;
}
/* SMF main styles */
p, div#userbar p {
  margin-top: 0;
  margin-bottom: 5px;
}
hr, .hrcolor {
height: 1px;
margin-bottom: 5px;
border: 0;
color: #666;
background: #ccc;
}
/* The headings */
h1, h2, h3, h4, h5 {
font-weight: 100;
}
/* The tables */
table {
margin: 0 auto;
}
/* No image should have a border when linked */
a img {
border: 0;
}
.postbuttons img {
margin-right: 4px;
}
/* A quote, perhaps from another post. */
.quote {
color: #000000;
background: #F0F8FF url(images/quote.gif) no-repeat bottom right;
border-right: 1px dotted #000000;
border-bottom: 1px dotted #000000;
border-left: 4px solid #8394B2;
font-size: 10px;
line-height: 1.4em;
padding: 8px;
}
.quote div.quote {
background: #F0F8FF url(images/blank.gif) no-repeat bottom right;
}
/* A code block - maybe even PHP ;). */
.code {
color: #000000;
background: #FFF8F5 url(images/code.gif) no-repeat bottom right;
border-right: 1px dotted #000000;
border-bottom: 1px dotted #000000;
border-left: 4px solid #FF6600;
padding: 8px;
font-size:  10px;
line-height: 1.4em;
font-family: "courier new", helvetica, "times new roman", serif;
white-space: nowrap;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader {
background: #E4EAF2;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #8394B2;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 8px;
}
.codeheader {
background: #FDDBCC;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #FF6600;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 8px;
}
.help {
cursor: help;
}
.meaction {
color: red;
}
.editor {
width: 96%;
}
.highlight {
background: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, tr.windowbg td {
padding: 5px;
background: #f0f0f0;
border-bottom: 1px solid #eee;
}
.windowbg2,tr.windowbg2 td {
padding: 5px;
background: #fcfcfc;
border-bottom: 1px solid #eee;
}
.windowbg3,tr.windowbg3 td {
padding: 5px;
background: #eee;
}
/* the today container in calendar */
.calendar_today {

}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
margin-bottom: 10px;
font-size: 1em;
font-weight: bold;
color: #666;
padding: 4px;
background-color: #fff;
}
.titlebg img, titlebg2 img {
vertical-align: middle;
}
tr .catbg {
padding: 4px;
background-color: #fff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
  border: 1px solid #CCC;
}
/* This is used on tables that should just have a border around them. */
.tborder {
  border: 1px solid #CCC;
  padding: 1px;
  background-color: #fff;
}
.smalltext {
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext {
font-size: 90%;
}
.normaltext {
font-size: small;
}
.largetext {
font-size: large;
}
.post, .personalmessage {
width: 100%;
overflow: auto;
line-height: 1.3em;
}
.signature {
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}
.error {
color: red;
}
#helpmain ul, #helpmain ol {
margin: 0 0 12px 25px;
}
#ajax_in_progress {
background: #FFF url(images/ajaxloading.gif) no-repeat 10%;
color: #000;
text-align: left;
font-size: 18px;
font-family: "Trebuchet MS", sans-serif;
padding: 10px;
padding-left: 65px;
position: absolute;
left: -105px;
width: 105px;
border: 1px solid #D0D0D0;
}
#ajax_center {
top: 45%;
width: 105px;
position: absolute;
left: 50%;
}
.collapse_img img {
float: right;
margin: 10px 10px 0 0;
}
#verificiation_image {
margin-bottom: 10px;
background-color: #fff;
}