- 0
-
Similar Content
-
By sadosado
Как переместить картинку слева от категории списка?
<ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submenu"> {% thumbnail tree_category.image "20x20" upscale=False as thumb %} <img class="img-thumbnail" src="{{ thumb.url }}" alt="{{ category.name }}" title="{{ category.name }}" style="right: 10px;"/> {% endthumbnail %} <a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a> <ul class="dropdown-menu"> {% else %} {% thumbnail tree_category.image "20x20" upscale=False as thumb %} <img class="img-thumbnail" src="{{ thumb.url }}" alt="{{ category.name }}" title="{{ category.name }}" style="right: 10px;"/> {% endthumbnail %} <li><a tabindex="-1" href="{{ tree_category.get_absolute_url }}">{{ tree_category.name }}</a></li> {% endif %} {% for close in info.num_to_close %} </ul></li> {% endfor %} {% endfor %} {% endif %} <li class="divider"></li> {% block nav_dropdown_extra_items %} <li><a href="{% url 'offer:list' %}">{% trans "Offers" %}</a></li> {% endblock %} </ul> <li> <a href="/contacts/"> {% trans "Contacts" %} </a> </li> {% block nav_extra %} {% endblock %} </ul>
-
By maxim_
Добрый день форумчане!
Это мой второй сайт (для себя) http://кухонный-мир.рф/
Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ????
1. Я разделил картинку в блоке №1 на маленькие кусочки
2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов)
3. Пробовал размещать картинку из блока №1 в других папках и менял названия
НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1
4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установил в этом скрипте параметр который загружает сначала картинки 20kbt, и только потом прочие. НО даже при этом картинки из блока №3 идут при загрузке первыми!
код не получется оформить правильно, поэтому цитатой.
Я конечно могу уже работать и так. Только картинки из блока №2 оптимизирую ещё. Но просто уже интересно как же так, почему и можно ли что то сделать.
Стили картинки из блока №1 (эта картинка разбита на кусочки)
Стили картинок из блока №3
P.S. если возможно, то ответы как для совсем для начинающего. Я вообще не изучал html css, а всё сделал через вопросы в google, и это впервые обращаюсь к форуму.
-
By dirty_prince
В общем у меня такой шаблон что, на главной странице анонса постов видно только тайтл записи и миниатюра.
И чтобы массово сделать каждому посту миниатюры, мне пришлось прибегнуть к такому действию что я в каждую запись добавлял в начало поста картинку, которая будет миниатюрой и потом с помощью плагина Auto Post Thumbinial генерировал массово миниатюры. После генерации как уже понятно, картинки мне больше не нужно, там должен остаться только тайтл и iframe с видео (это все содержании статей).
Вопрос как удалить массово все эти картинки из каждых постов и оставить только iframe?
Скрин содержании поста из админки:
http://joxi.ru/l2ZN4GqSxMvg2J
Или как удалить все кроме определенного куска кода, в моем случает это код iframe -
<iframe src='http://flashservice.xvideos.com/embedframe/4156360'frameborder=0 width=510 height=400 scrolling=no></iframe>
-
By dirty_prince
Всем привет.
Сверстал простенький шаблон с минимум функционала и сейчас его адаптирую под Wordpress, возникло несколько вопросов из отсутствия опыта.
Весь процесс моей адаптации шаблона идет с помощью этой статьи: http://ruseller.com/lessons.php?rub=40&id=482, за что ребятам отдельное спасибо. Жаль что у меня шаблон немного другого вида и функций.
Вроде почти все коды прописал, но не знаю какую функцию прописать что бы появилось в админке добавление превью-картинки которая будет показана на главной вместе с тайтлом. Вот примерно так будет выглядеть материалы на главной как тут: http://igroflot.ru/all/2/
-
By ozavr
Помогите пожалуйста. Я хочу научиться верстке.
Хочу попробовать сверстать вот это http://images.wikia.com/dragonvale/images/e/e8/Space_invader.jpg
Не используя картинки и таблиц, как это лучше сделать?
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
psychomonkey
Добрый день.
Ребят помогите пож сделать красивый код.
Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд
http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html
но какой то стиль мешает. как все красиво сделать?
получается вот такой вариант
http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg
но код вообще жесток
Link to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.