Перейти к содержимому



Оформление ссылок в css

#1 borockov

borockov
  • Пользователь
  • 102 сообщений
  • Репутация: 5
0

Отправлено 20 Сентябрь 2013 - 22:42

Друзья, столкнулся с небольшой проблемой. Хочу красиво оформить ссылки которые находятся только внутри постов wordpress, проблема в том, что когда применяю стиль то данный стиль применяется абсолютно ко всем ссылкам на блоге, подскажите пожалуйста как задать отдельный класс ссылкам которые находятся внутри постов, иначе говоря, где отыскать функцию которая отвечает за вывод постов в wordpress? Заранее благодарен!

в кодексе wordpress откопал цикл вывода записей,
тут стартует цикл:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
тут он заканчивается:
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
вопросов меньше не стало, как сюда впихнуть класс для ссылок ??

 

 

  • 0

#2 borockov

borockov
    Topic Starter
  • Пользователь
  • 102 сообщений
  • Репутация: 5

Отправлено 21 Сентябрь 2013 - 09:28

Проблема решена=) но данный вопрос является слишком индивидуальным. Общими словами проблема решается намного проще чем я предполагал, достаточно было прописать путь к классу.

.post-content a{
color: #555 !important;
background: #ememem;
padding: 0 2px;
border: 1px solid #c4c4c4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
-khtml-transition: all 0.5s ease-out 0s;
font-size: 13px;
text-decoration:none;
}
.post-content a:hover{
  background-color:#9999FF;
}
Вот и все=)

Если кто то хочет запилить такую фишку у себя на блоге, то достаточно просто заменить .post-content на ваш класс, который отвечает за стиль постов=)
  • 0


Оформление форума – IPBSkins.ru