Добавление иконок в шапку (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 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:49 Как правильно покупать ссылки для поддомена? 
18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 
12:53 где много готовых фавиконок 
22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google 
23:27 Adfinity - Ваш надежный партнер в монетизации трафика 
16:55 Инструменты для массового постинга в WordPress 
20:19 GoogleWalker - устранение конкурентов в Google Ads | Автоматизированная система склика | АНТИБАН 
16:39 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
11:07 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
11:01 Защитим твой ресурс от блокировки Роскомнадзора 
10:09 BestChange – обменивать электронную валюту можно быстро и выгодно 
06:50 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
03:42 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 
02:50 Точные прогнозы на футбол 
02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 
21:19 С юмором по жизни! 
18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 
18:19 Уникальный сервис SEO продвижения 
14:45 (затёр сайт)