Добавление иконок в шапку (Wordpress). Нужна помощь
Страницы: Пред. 1 2 3 След.
Добавление иконок в шапку (Wordpress). Нужна помощь
Ну ссылки и вставляйте там где "Картинка"
Хотя могу ошибаться.....
Изменено: Марьян Пильчак - 10 Декабря 2011 20:18
Оптимизация сайтов - Заказать!
У тебя пропали позиции? Сайт в АГС? Нету посещений? Позиции калл? Пиши мне!
Марьян Пильчак,
Картинки тогда не выводятся вовсе. Просто текстовый адрес на изображение.
Код
<img src='Сссылка'>
Марьян Пильчак,
Сейчас попробую. Только я не знаю, как настроить позицию этих картинок, чтобы они отображались так, как на скрине (т.е. справа). Если я не настрою позиционирования, то картинки вставятся в верхнем левом углу.
Пробовал вставить по совету Марьяна. Вот что выходит:
Рисунок

Осталось поднять вверх чуток и право сместить. Как это сделать? Кто подскажет?
если что, использовал такой код:

<div align="right">
<table><tr>
<td><a href="http://www.dailylady.ru/category/videosovety/" title="Видеосоветы" >
<img src="_http://www.dailylady.ru/wp-content/uploads/video.png" alt="Видеосоветы" width="76" height="60" /></td>
<td><a href="http://www.dailylady.ru/category/zhenskie-zhurnaly/" title="Женские журналы" >
<img src="_http://www.dailylady.ru/wp-content/uploads/magazine.png" alt="Женские журналы" width="85" height="60" /></td>
<td><a href="http://www.dailylady.ru/category/tests/" title="Тесты" >
<img src="_http://www.dailylady.ru/wp-content/uploads/tests.png" alt="Тесты" width="60" height="60" /></td>
</tr></table></div>

Перед ссылками на картинки прописал нижнее подчеркивание, так как здесь в посте код сразу преобразовывается в иконки.
Изменено: DailyLady - 10 Декабря 2011 20:55
вот структура Вашей страницы
Код
<div id="header">
   <div id="site-title-desc">
      <h1 id="site-title">...</h1>
      <div id="site-description">Женский интернет-журнал</div>
      <! -- вот сюда добавляем код -->
   </div>
<div class="clear"></div>
</div>


вот в то место,что отмечено выше вставляем:
Код
   <div id="icons">
         <ul id="icons_list">
            <li class="icons_list_paje" id="paje1"><a title="" href="путь до нужной страницы"></a></li>
            <li class="icons_list_paje" id="paje2"><a title="" href="путь до нужной страницы"></a></li>
            <li class="icons_list_paje" id="paje3"><a title="" href="путь до нужной страницы"></a></li>
         </ul>
   </div>


а в файл style.css вот в этом месте (ниже 84 строки):

Код
#icons {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
}
#icons ul#icons_list {
list-style: none;
height: px60;
}
#icons ul#icons_list li.icons_list_paje {
float: left;
height: px60;
}
#paje1 {
background: url("http://www.dailylady.ru/wp-content/uploads/video.png ") no-repeat;
}
#paje2 {
background: url("http://www.dailylady.ru/wp-content/uploads/magazine.png ") no-repeat;
}
#paje3 {
background: url("http://www.dailylady.ru/wp-content/uploads/tests.png ") no-repeat;
}


файл style.css:
css.png (17.99 КБ) [ Скачать ]
Валентин,
сейчас буду пробовать
Откройте стили CSS
найдите там "table" через CTRL+F
Наверное там такое одно.
Добавьте к тому что там есть

margin-top: -30px;
margin-right: -400px;

**Это чтобы передвинуть.

Знаю, что то как я делаю - сущий беспредел програмирования. smile:)))
Но увы - оно работает smile:)
Изменено: Марьян Пильчак - 10 Декабря 2011 21:05
Цитата
DailyLady пишет:
Валентин,
сейчас буду пробовать


странно...не могу свой пост отредактировать... smile:confused:
ссылки копировал - там с ошибкой...отредактировать не могу smile:)
Код
#paje1 {
background: url("http://www.dailylady.ru/wp-content/uploads/video.png") no-repeat;
}
#paje2 {
background: url("http://www.dailylady.ru/wp-content/uploads/magazine.png") no-repeat;
}
#paje3 {
background: url("http://www.dailylady.ru/wp-content/uploads/tests.png") no-repeat;
}


вот так правильно
Изменено: Валентин - 10 Декабря 2011 21:07
Нельзя отредактировать когда уже следующий коментарий добавлен.
что-то теперь вообще иконок не видно. сделал все, как вы и написали. В хедер вставил нужное место это (сюда прописываю нижнее подч, чтобы ссылки не индексир):
<div id="icons">
<ul id="icons_list">
<li class="icons_list_paje" id="paje1">_http://www.dailylady.ru/category/zhenskie-zhurnaly/</li>
<li class="icons_list_paje" id="paje2">_http://www.dailylady.ru/category/tests/</li>
<li class="icons_list_paje" id="paje3">_http://www.dailylady.ru/category/videosovety/</li>
</ul>
</div>

в файл стилей тоже все поставил правильно, а не фурычит((
Цитата
DailyLady пишет:
что-то теперь вообще иконок не видно. сделал все, как вы и написали. В хедер вставил нужное место это (сюда прописываю нижнее подч, чтобы ссылки не индексир):
<div id="icons">
<ul id="icons_list">
<li class="icons_list_paje" id="paje1">_http://www.dailylady.ru/category/zhenskie-zhurnaly/</li>
<li class="icons_list_paje" id="paje2">_http://www.dailylady.ru/category/tests/</li>
<li class="icons_list_paje" id="paje3">_http://www.dailylady.ru/category/videosovety/</li>
</ul>
</div>
в файл стилей тоже все поставил правильно, а не фурычит((


Попробуйте как я посоветовал.

Но описание не появится.
Хотя можно попробывать между тем что раньше было прописывать с новой строки текст.
Цитата
Валентин пишет:
ссылки копировал - там с ошибкой...отредактировать не могу


вставил исправленный вариант - тоже не выводится. кукис почистил, если что
Сейчас попробую вариант Марьяна
Изменено: DailyLady - 10 Декабря 2011 21:13
Чтоб поднизом был текст...

Код
<img src='Сссылка'>
Текст
<img src='Сссылка'>
Текст
<img src='Сссылка'>
Текст

Возможно будет выводится в ряд.

тогда можно вот так попробывать
Код
<img src='Сссылка'>
<br>
Текст
<img src='Сссылка'>
<br>
Текст
<img src='Сссылка'>
<br>
Текст


Могу ошибаться, т.к не мега програмист...
Изменено: Марьян Пильчак - 10 Декабря 2011 21:14
Страницы: Пред. 1 2 3 След.
Похожие темы:
Читают тему (гостей: 2, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:03 Как продвигать сайт с неуникальным контентом 
08:58 Стоит ли добавлять сайт в Rambler топ 100? 
08:57 Absence в Армении 
19:29 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
12:01 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
05:17 Продам копию сайта. 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:31 Скрипт обменника валют 
21:44 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
17:24 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
14:01 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
11:07 Ну что, кто куда деваете свои сайты? 
22:09 Добро пожаловать в цифровой мир... 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди