Добавление иконок в шапку (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)
Новые темыОбъявленияСвободное общение
20:05 С чего сейчас проще начать? 
18:58 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
18:46 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 
12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
12:33 APK на паузе. Google убивает быстрый конверт 
20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:58 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
14:11 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
09:40 Вериф аккаунты АВИТО + платежи 
09:22 Софт для рассылки в телеграм 
09:16 Telegram-бот конструктор: автоответы, воронки, поддержка и т.д 
00:05 TETChange-Обменник криптовалют 
18:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
18:11 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
17:05 Огородники 
13:02 С юмором по жизни! 
05:10 Точные прогнозы на футбол