Добавление иконок в шапку (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)
Новые темыОбъявленияСвободное общение
17:00 Ссылки с сайтов РБ 
15:33 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 
13:21 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 
11:06 "Осталось 5 дн. до НГ" АПдейт Яндекс выдача 
10:22 25.12.25 Апдейт Яндекс выдача 
09:20 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
09:11 Продвижение-2022: Гугл все? Нет – Гугл не все! 
13:00 Mixmasters - Exchange without AML and KYC 
10:24 Размещение статей, ссылок и постовых на качественных ресурсах 
08:49 Продвижение на Авито 
08:48 xpoint.pro - быстрый и надежный криптообменный сервис Xpoint 
18:09 Onechange.me — надежный обменник криптовалют и фиатных средств 
14:59 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
10:06 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
16:15 Стряхнуть обыденность - об Агасфере 
16:13 Осторожно! Криптовалюта 
12:20 Компьютерная мышь 
12:08 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
10:21 Владельцы "китайцев" 3-леток, признавайтесь честно — сгнили или едут? 
23:08 Физические сим-карты 
22:52 37 противникам прививок от COVID грозят уголовные дела