Новые сообщения · Участники · Правила форума · Поиск
  • Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Форум о uCoz и Web » Веб-программирование и дизайн » HTML » Основы HTML - Коротко про самое основное
Основы HTML - Коротко про самое основное
SleepWalkerДата: Четверг, 15.08.2013, 00:21 | Сообщение # 46
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
a:visited {color: #ffffff}                     a:hover {color: #1F577C}

скорей всего, когда был убран .page8 класс, то те стили потеряли приоритет и их перебили какие-то другие стили сайта (в цсс приоритет стилей зависит от разных факторов, в том числе и от длины "цепочки" селекторов). Потому это выглядело вроде как правильно, но, по идее, если убрать те две строки, то сайт будет продолжать выглядеть точно так же "правильно"

В предыдущем посте от volfgunus, правильный ответ. нужно менять вид не всех ссылок на странице, а только тех, что находятся в блоке content

Цитата (Ада-Ангел)
volfgunus, вот, млин, ты артист... Маски-шоу! Лицедей Интересно, как Свят к этому относится?...

нормально отношусь) Никита ж никому не вредит. Он просто добавляет разнообразия ))

Time Waits For No One
 
Ада-АнгелДата: Четверг, 15.08.2013, 07:04 | Сообщение # 47
Лейтенант
Сообщений: 67
Репутация: 9
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
И теперь бы решить проблему с Блогом и найти все линки для шаблонных страниц в таблице стилей css, чтобы их посмотреть на предмет корректировки... искать в #content ?


Вот из таблицы стилей:

Код

#content {float:right;width:740px;padding:18px 10px 0 10px;border-top:1px solid #fff;}
.eBlock {margin: 0 0 15px 0;padding:0;}
.eTitle {font-size:24px;color:#ad0c0c;font-weight:normal;margin:0;padding:0 0 10px 0;text-align:center !important;}
.eTitle a {color:#ad0c0c;}
.eTitle a:hover {color:#cd1010;text-decoration:none;}
.eTitle .ltitle {background:url('/images/ltitle.png') 0 center no-repeat;padding:0 0 0 105px;}
.eTitle .rtitle {background:url('/images/rtitle.png') right center no-repeat;padding:0 105px 0 0;text-align:center;}
.eDetails,.eDetails1,.eDetails2{background:url('/images/details.png') 0 0 repeat-x;color:#999;padding:17px 0 5px 0;font-size:11px;}
.eDetails a,.eDetails1 a,.eDetails2 a {color:#999;text-decoration:underline;}
.eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {text-decoration:none;}
.eMessage,.eText {line-height:24px;padding:10px 0;margin:0;}
.eMessage p,.eText p{margin:0 0 5px 0;padding:0 0 5px 0;}
.eMessage ul,.eText ul {margin:5px 0;padding:0 20px;list-style:circle;}


Где здесь линки?

Цитата (Ада-Ангел)
Где у меня в таблице стилей цвета, отвечающие за цвета ссылок в Блоге? Интересно, что через визуальный редактор я вижу, что цвет посещенных ссылок поменялся (на темно-голубой), а на реальной странице - нет (бордовые).

Добавлено (15.08.2013, 07:04)
---------------------------------------------

Цитата (SleepWalker)
нормально отношусь) Никита ж никому не вредит. Он просто добавляет разнообразия ))


С этим можно поспорить, только это ни к теме, ни к моему вопросу не относится smile
И потом, можно договориться до того, что вы перестанете мне помогать wink Так что лучше про ссылки...
 
volfgunusДата: Четверг, 15.08.2013, 09:07 | Сообщение # 48
Eternal power
Сообщений: 3684
Репутация: 180
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
Где здесь линки?

Ну в блоге аналогично. Я думаю будет проще если или вписать сразу в шаблоны блога
Код
#content a {color: цвет}     
#content a:visited {color: цвет}                          
#content a:hover {color:цвет}

либо сделать так же как и со страницами, в боди присвоить классы и чтоб там был класс blog например, тогда в общем css
Код
.blog #content a {color: цвет}     
.blog #content a:visited {color: цвет}                          
.blog #content a:hover {color:цвет}


Есть ещё вариант изменить ссылки в eBlock, но тут проблема, что это стандартный класс видов материалов и сменится ссылки и в других модулях.

Добавлено (15.08.2013, 09:07)
---------------------------------------------

Цитата (Ада-Ангел)
С этим можно поспорить, только это ни к теме, ни к моему вопросу не относится

С чем? С отношением? С вредом? С разнообразием?
 
Ада-АнгелДата: Четверг, 15.08.2013, 11:42 | Сообщение # 49
Лейтенант
Сообщений: 67
Репутация: 9
Социальная репутация:

Статус: Offline
Цитата (volfgunus)
С чем? С отношением? С вредом? С разнообразием?


Я на этом форуме человек новый, поэтому на мне можно проверять все ваши "фенечки", начиная от дизайна, структуры, правил и заканчивая атмосферой общения и стилем поведения.
В чужой монастырь со своим уставом не ходят - это факт. Могу просто рассказать свое мироощущение без занудства - не более. Скажите только, в какой теме и стоит ли...

А у меня следующая проблема с цветом ссылок. Давайте визуально.
Вот статическая страница Пегас спотыкается
Вот здесь я перевожу страницу в динамику. Получилось все, кроме ссылок. Они, ясен пень, остались в красном цвете, который прописан в css (так вы мне и не подсказали, где он прописан, а я сама не нахожу. Поступил совет - как добавить цвет в ссылку, а мне нужно сначала его найти).
http://koshkin-home.narod.ru/index/pegas_spotykaetsja/0-11

Как видите, скрипт перестал работать. Как это исправить?

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

Код
<tr><td>
<font color="#99cc66" style="font-size: 16pt"><i>
Графоманом становлюсь тихонько, всякий бред рифмую я в разлуке.
<br>По земле плетется жалкий пони... Хочет стать пегасом... Не доходят руки...
</i></font>
<br><br>
<script language="JavaScript">
<!--
function initArray() {
  for (var i = 0; i < initArray.arguments.length; i++) {
   this[i] = initArray.arguments[i];
  }
  this.length = initArray.arguments.length;
}

// you may fill this colors array with your colors.
// the script will rotate the links through these colors
var colors = new initArray(
  "#F4F400",  
  "green",
  "#8000FF",
  "#00FFFF",
  "#0000FF",
  "#A800A8",
  "#D8BFD8",
  "#FF00FF",
  "#F04E00",
  "#C60063",
  "#00F900",
  "red");

pause_time =2; // in seconds

link = 0; // starting color index (in colors array) for unvisited links
vlink = 4; // starting color index (in colors array) for visited links
   
function linkDance() {
  link = (link+1)%colors.length;
  vlink = (vlink+1)%colors.length;
  document.linkColor = colors[link];
  document.vlinkColor = colors[vlink];
  setTimeout("linkDance();",pause_time*1000);
}
linkDance();
// -->
</script>
<FONT SIZE="+2"><a href="http://koshkin-home.narod.ru/business.html"font-weight:normal; font-style:italic">В небо - луну...</a></FONT><br>
 
SleepWalkerДата: Четверг, 15.08.2013, 16:51 | Сообщение # 50
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
Я на этом форуме человек новый, поэтому на мне можно проверять все ваши "фенечки", начиная от дизайна, структуры, правил и заканчивая атмосферой общения и стилем поведения. В чужой монастырь со своим уставом не ходят - это факт. Могу просто рассказать свое мироощущение без занудства - не более. Скажите только, в какой теме и стоит ли...

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

что бы заменить цвет ссылок "В небо - луну... Я всегда хорошо сплю..." на какой-то другой, допишите на странице следующий стиль (цвета нужно, естественно свои поставить, то я для примера такие написал):
Код
.page11 #content a  
{
   color:orange;
}
.page11 #content a:hover
{
   color:purple;
}


по поводу скрипта, попробуйте этот:
Код

$(function()
   {
function initArray() {
  for (var i = 0; i < initArray.arguments.length; i++) {
  this[i] = initArray.arguments[i];
  }
  this.length = initArray.arguments.length;
}

// you may fill this colors array with your colors.
// the script will rotate the links through these colors
var colors = new initArray(
  "#F4F400",  
  "green",
  "#8000FF",
  "#00FFFF",
  "#0000FF",
  "#A800A8",
  "#D8BFD8",
  "#FF00FF",
  "#F04E00",
  "#C60063",
  "#00F900",
  "red");

pause_time =2; // in seconds

link = 0; // starting color index (in colors array) for unvisited links
vlink = 4; // starting color index (in colors array) for visited links
   
     var toggleColor = function() {  
     link = (link+1)%colors.length;
    $('#content a').css({color: colors[link]});
   };
   setInterval(toggleColor,pause_time*1000);
     toggleColor();
});

Time Waits For No One
 
Ада-АнгелДата: Четверг, 15.08.2013, 18:40 | Сообщение # 51
Лейтенант
Сообщений: 67
Репутация: 9
Социальная репутация:

Статус: Offline
Мне нужно, чтобы переливалось, как было изначально.

Цитата (SleepWalker)
по поводу скрипта, попробуйте этот:


SleepWalker, а где его вставить? На место старого?
Или в самый верх?

Код

<style type="text/css">  
  .page11 #content {  
  border-top: none;  
  background: #141510;  
  background-repeat: no-repeat;  
  -moz-background-size: 100%;  
  -webkit-background-size: 100%;  
  -o-background-size: 100%;  
  background-size: 100%;  
  background-attachment: fixed;
  height: 740px;
  }
</style>  


В какие-нибудь скобочки или значки его вписывать?...
 
SleepWalkerДата: Четверг, 15.08.2013, 19:23 | Сообщение # 52
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
SleepWalker, а где его вставить? На место старого? Или в самый верх?

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

Код

<script type="text/javascript">
$(function () {
      // jQuery обьект ссылок, к которым необходимо применить эффект
      var $container = $('#content a');
      // you may fill this colors array with your colors.   
      // the script will rotate the links through these colors   
      var colors = [
          "#F4F400",
          "green",
          "#8000FF",
          "#00FFFF",
          "#0000FF",
          "#A800A8",
          "#D8BFD8",
          "#FF00FF",
          "#F04E00",
          "#C60063",
          "#00F900",
          "red"];

      pause_time = 2; // in seconds   

      link = 0; // starting color index (in colors array) for unvisited links   

      var toggleColor = function () {
          link = (link + 1) % colors.length;
          $container.css({
              color: colors[link]
          });
      };
        
      setInterval(toggleColor, pause_time * 1000);
      toggleColor();
});
</script>

Вот демо: http://jsfiddle.net/jH8RP/1/

Добавлено (15.08.2013, 19:23)
---------------------------------------------

Цитата (Ада-Ангел)
В какие-нибудь скобочки или значки его вписывать?...

если речь о скрипте, то скопировать его из этого поста и вставить в любом месте страницы

приведенный в вашем посте CSS, вроде тоже в порядке

Time Waits For No One
 
Ада-АнгелДата: Четверг, 15.08.2013, 19:57 | Сообщение # 53
Лейтенант
Сообщений: 67
Репутация: 9
Социальная репутация:

Статус: Offline
Вроде получилось, но не совсем то.
И в первом варианте и во втором один нюанс: цвет посещенных ссылок не изменился. А на моей статической странице меняется.
Странно...
Может, проблема в том, что лишнее удалили из кода и оно было не совсем лишнее?

Добавлено (15.08.2013, 19:57)
---------------------------------------------

Цитата (SleepWalker)
ну вообще отзывы и впечатления других всегда желанны. вот только в какой теме... возможно тут


Я попадаю в Конкурсы... biggrin И с кем я буду там соревноваться? И в чем? В красноречии? )))
 
SleepWalkerДата: Четверг, 15.08.2013, 23:44 | Сообщение # 54
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Цитата (Ада-Ангел)
И в первом варианте и во втором один нюанс: цвет посещенных ссылок не изменился. А на моей статической странице меняется. Странно...

ааа. я думал этот функционал не нужен)))) тогда вот версия с поддержкой посещенных ссылок:
Код
<script type="text/javascript">
$(function () {
      // jQuery обьект ссылок, к которым необходимо применить эффект
      var linksSelector = '#content a';
      // you may fill this colors array with your colors.   
      // the script will rotate the links through these colors   
      var colors = [
          "#F4F400",
          "green",
          "#8000FF",
          "#00FFFF",
          "#0000FF",
          "#A800A8",
          "#D8BFD8",
          "#FF00FF",
          "#F04E00",
          "#C60063",
          "#00F900",
          "red"];

      pause_time = 2; // in seconds   

      link = 0; // starting color index (in colors array) for unvisited links
      vlink = 4; // starting color index (in colors array) for visited links

      var toggleColor = function () {
          link = (link + 1) % colors.length;
          vlink = (vlink + 1) % colors.length;
          styleColor([
          linksSelector + ":link { color: " + colors[link] + "; }", linksSelector + ":visited { color: " + colors[vlink] + "; }"])
      };

      setInterval(toggleColor, pause_time * 1000);
      toggleColor();

      function styleColor(lines) {
          var text = "\r" + lines.join("\r") + "\r";
          var $styleNode = $('#dynLinkColors').length > 0 ? $('#dynLinkColors') : $('<style type="text/css" id="dynLinkColors">');
          if ( !! (window.attachEvent && !window.opera)) $styleNode[0].styleSheet.cssText = text;
          else $styleNode.text(text);
          $styleNode.appendTo('body');
      }
});
</script>

демо: http://jsfiddle.net/jH8RP/3/

Time Waits For No One
 
Ада-АнгелДата: Суббота, 17.08.2013, 14:08 | Сообщение # 55
Лейтенант
Сообщений: 67
Репутация: 9
Социальная репутация:

Статус: Offline
SleepWalker, все получилось, спмсибо!
Теперь можно двигаться дальше smile
Планов много, времени мало, к сожалению... Вопросы еще остаются, поэтому буду наведываться.
 
Форум о uCoz и Web » Веб-программирование и дизайн » HTML » Основы HTML - Коротко про самое основное
  • Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Поиск: