Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Оформление виджета
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Страница 1 из 2 • 1, 2
Оформление виджета
Добрый день! Подскажите пожалуйста чайнику.
Первый раз оформляю персональный виджет, можно сказать "методом тыка". После продолжительных экспериментов получилось вот что:
1. как убрать точки с левой стороны? (они появляются возле каждого пункта)
2. как изменить размер и цвет шрифта (потому что так нечитабельно совсем...)
3. почему-то одна из ссылок идет с подчеркиванием - как его убрать?
Заранее благодарю
Первый раз оформляю персональный виджет, можно сказать "методом тыка". После продолжительных экспериментов получилось вот что:
- Спойлер:
1. как убрать точки с левой стороны? (они появляются возле каждого пункта)
2. как изменить размер и цвет шрифта (потому что так нечитабельно совсем...)
3. почему-то одна из ссылок идет с подчеркиванием - как его убрать?
Заранее благодарю
Re: Оформление виджета
Таша, здравствуйте
а вы дайте сразу сюда ваш код - тогда вам прямо на нем и покажут, как исправить и куда что добавить
а вы дайте сразу сюда ваш код - тогда вам прямо на нем и покажут, как исправить и куда что добавить
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Оформление виджета
Luz пишет:Таша, здравствуйте
а вы дайте сразу сюда ваш код - тогда вам прямо на нем и покажут, как исправить и куда что добавить
Luz добрый день!
Спасибо за отклик.
Вот моё "творение", только сильно не смейтесь, первый раз в жизни таким занимаюсь
- Спойлер:
- <div class="forabg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt>СТАТЬИ</dt> </dl> </li> </ul>
<ul class="topiclist forums"> <li class="row"> <dl class="icon" style="background-image: url('http://s53.radikal.ru/i141/1008/87/45fcd3c64604.jpg'); background-position: 50 px 50%;"> <dt> <span style="margin: 0pt 0px 0pt 400px; display: block;"> <a href="http://smol.chudoforum.ru/forum-f65/" class="forumtitle">Речевое развитие</a><br /><a href="http://smol.chudoforum.ru/forum-f4/" class="postlink"> <a href="http://smol.chudoforum.ru/forum-f4/" class="postlink"> <br> ПОЛУЧИТЬ БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ ЛОГОПЕДА <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t220.htm" class="postlink"><br> * Речевое развитие детей первого года жизни</a> <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t221.htm" class="postlink"> <br> * Речевое развитие детей второго года жизни </a> <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t222.htm" class="postlink"> <br> * Речевое развитие детей третьего года жизни </a> <br> <a href="http://smol.chudoforum.ru/forum-f4/tema-t56.htm" class="postlink"> <br> * Артикуляционная гимнастика для детей </a> <br> <a href="http://smol.chudoforum.ru/forum-f4/tema-t28.htm"> <br> * Обидный диагноз логопеда </a> <br> <a href="http://smol.chudoforum.ru/forum-f65/" class="postlink"> <br> СМОТРЕТЬ ВСЕ СТАТЬИ ПО ТЕМЕ </a> <br> </span> </dt> </dl> </li> </ul>
Re: Оформление виджета
Таша, попробуйте добавить в Па > Оформление > Цвета > Каскадная таблица стилей CSS:
font-size - размер шрифта
color : #000000 - черный цвет текста, измените на желаемый
list-style: none - отключит маркеры
- Код:
.inner a {
text-decoration: none;
font-size: 15px;
color : #000000;
}
.topiclist ul, .topiclist forums ul {
list-style: none;
}
font-size - размер шрифта
color : #000000 - черный цвет текста, измените на желаемый
list-style: none - отключит маркеры
Re: Оформление виджета
Dana Domirani, спасибо большое! Буду пробовать и обязательно вам отпишусь о результатах!
Re: Оформление виджета
Dana Domirani, Таша, извините что влез в ваш разговор.)))
Просто хочу предложить свой вариант. Может пригодится.
Как это выглядит можно посмотреть на тестовом ЗДЕСЬ
Просто хочу предложить свой вариант. Может пригодится.
- Код:
<br/>
<span style=" font-size:17px; font-weight: bold;font-style: italic;">Статьи</span><div style=" height: 367px; background: url(http://savepic.org/703708.jpg);background-position: top left;">
<span style="margin: 0pt 0px 0pt 400px; display: block; font-size:15px; font-weight: bold;">
<br/>
<a href="Ссылка"><span style=" color:#0000EE;">Название</span></a>
<br />
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
<a href="Ссылка">Название</a>
<br/>
</span></div>
Как это выглядит можно посмотреть на тестовом ЗДЕСЬ
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Домовой пишет:Dana Domirani, Таша, извините что влез в ваш разговор.)))
Просто хочу предложить свой вариант. Может пригодится.
Домовой, наоборот это хорошо, что вы помогаете таким вот чайникам Так гораздо легче, когда уже заготовка есть и только данные вставить
А можно маленький вопросик - я поняла как изменить цвет ссылки. А как сделать так, чтобы просмотренные ссылки становились другого цвета?
Re: Оформление виджета
В моём коде похоже никак.Таша пишет:
А можно маленький вопросик - я поняла как изменить цвет ссылки. А как сделать так, чтобы просмотренные ссылки становились другого цвета?
Если не менять цвет то тогда они примут цвет ссылок форума.
Хотя может быть Дана подскажет, она грамотная в этих вопросах))
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Домовой, спасибо
Можно еще немножко помучаю? Как в вашем коде увеличить межстрочный интервал?
Можно еще немножко помучаю? Как в вашем коде увеличить межстрочный интервал?
Re: Оформление виджета
После каждой ссылки добавьте ещё <br/>Таша пишет:Домовой, спасибо
Можно еще немножко помучаю? Как в вашем коде увеличить межстрочный интервал?
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Не за что))
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Доброго времени суток!
У меня снова вопросик...
Когда я вставляю картинку в виджет, она "подстраивается" под размеры текста, т.е. если текста всего две строки, то и картинка высотой в сантиметр получается... Можно ли как-то сделать так, чтобы размер картинки не зависел от величины текста?
У меня снова вопросик...
Когда я вставляю картинку в виджет, она "подстраивается" под размеры текста, т.е. если текста всего две строки, то и картинка высотой в сантиметр получается... Можно ли как-то сделать так, чтобы размер картинки не зависел от величины текста?
Re: Оформление виджета
Dana Domirani пишет:Таша, попробуйте добавить в Па > Оформление > Цвета > Каскадная таблица стилей CSS:text-decoration: none - уберет подчеркивание с ссылок
- Код:
.inner a {
text-decoration: none;
font-size: 15px;
color : #000000;
}
.topiclist ul, .topiclist forums ul {
list-style: none;
}
font-size - размер шрифта
color : #000000 - черный цвет текста, измените на желаемый
list-style: none - отключит маркеры
Dana Domirani, сейчас пробовала наконец разобраться с этой проблемкой, с подчеркиванием, цветом и размером шрифта всё получилось! Спасибки! А вот маркеры почему-то не убрались... может как-то еще можно попробовать?
Re: Оформление виджета
В коде который вам выложил я прописана высота картинки.Таша пишет:Доброго времени суток!
У меня снова вопросик...
Когда я вставляю картинку в виджет, она "подстраивается" под размеры текста, т.е. если текста всего две строки, то и картинка высотой в сантиметр получается... Можно ли как-то сделать так, чтобы размер картинки не зависел от величины текста?
И там не зависит сколько текста написано.
Я не знаю чего вы поставили.
Попробуйте в вашем коде сделать так же.
height : высота картинки px;
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Домовой пишет:В коде который вам выложил я прописана высота картинки.Таша пишет:Доброго времени суток!
У меня снова вопросик...
Когда я вставляю картинку в виджет, она "подстраивается" под размеры текста, т.е. если текста всего две строки, то и картинка высотой в сантиметр получается... Можно ли как-то сделать так, чтобы размер картинки не зависел от величины текста?
И там не зависит сколько текста написано.
Я не знаю чего вы поставили.
Попробуйте в вашем коде сделать так же.height : высота картинки px;
Спасибо, Домовой! Я использую ваш код, но те коды, что сделала раньше - не хватило решимости переделать по этому образцу, слишком трудны для меня эти коды-буковки-цыферки
- Спойлер:
- поистине восхищаюсь людьми, которые могут разобраться в этой абракадабре
, то будет нормально всё? (простите чайника за расспросы с пристрастием )height : высота картинки px;
Re: Оформление виджета
Да, будет всё нормальноТаша пишет: то будет нормально всё?
Просто вставьте то что я вак подсказал.
Вот для наглядности отрезок вашего кода.
Красным выделено то что вам надо вставить<div class="forabg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt>СТАТЬИ</dt> </dl> </li> </ul>
<ul class="topiclist forums"> <li class="row"> <dl class="icon" style="background-image: url('http://s53.radikal.ru/i141/1008/87/45fcd3c64604.jpg'); height: 367px; background-position: 50 px 50%;"> <dt> <span style="margin: 0pt 0px 0pt 400px; display: block;">
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Домовой, Вы не представляете, как я вам благодарна
Последний раз редактировалось: Таша (Сентябрь 3rd 2010, 12:27), всего редактировалось 2 раз(а)
Re: Оформление виджета
Да ладна, ерунда))Таша пишет:Домовой, Вы не представляете, как я вам благодарна!!!
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Оформление виджета
Хотелось бы мне когда-нибудь тож так сказать - а, ерунда все эти коды, секундное дело а пока от них голова кругомДомовой пишет:
Да ладна, ерунда))
Если вам не сложно, объясните пожалуйста, как всё-таки убрать маркеры там, где они уже есть?
Re: Оформление виджета
Как-то неудобно уже по третьему кругу спрашивать, но все-таки - подскажите пожалуйста, как убрать маркеры?
Re: Оформление виджета
В каком именно списке?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Оформление виджета
Dana Domirani пишет:В каком именно списке?
Dana Domirani, я всё с тем же кодом пытаюсь разобраться, что в первом посте был.
- Спойлер:
- <div class="forabg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt>СТАТЬИ</dt> </dl> </li> </ul>
<ul class="topiclist forums"> <li class="row"> <dl class="icon" style="background-image: url('http://s53.radikal.ru/i141/1008/87/45fcd3c64604.jpg'); background-position: 50 px 50%;"> <dt> <span style="margin: 0pt 0px 0pt 400px; display: block;"> <a href="http://smol.chudoforum.ru/forum-f65/" class="forumtitle">Речевое развитие</a>
<a href="http://smol.chudoforum.ru/forum-f4/" class="postlink"> <a href="http://smol.chudoforum.ru/forum-f4/" class="postlink"> <br> ПОЛУЧИТЬ БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ ЛОГОПЕДА <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t220.htm" class="postlink"><br> * Речевое развитие детей первого года жизни</a> <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t221.htm" class="postlink"> <br> * Речевое развитие детей второго года жизни </a> <br> <a href="http://smol.chudoforum.ru/forum-f65/tema-t222.htm" class="postlink"> <br> * Речевое развитие детей третьего года жизни </a> <br> <a href="http://smol.chudoforum.ru/forum-f4/tema-t56.htm" class="postlink"> <br> * Артикуляционная гимнастика для детей </a> <br> <a href="http://smol.chudoforum.ru/forum-f4/tema-t28.htm"> <br> * Обидный диагноз логопеда </a> <br> <a href="http://smol.chudoforum.ru/forum-f65/" class="postlink"> <br> СМОТРЕТЬ ВСЕ СТАТЬИ ПО ТЕМЕ </a> <br> </span> </dt> </dl> </li> </ul>
вы посоветовали мне
Dana Domirani пишет: Таша, попробуйте добавить в Па > Оформление > Цвета > Каскадная таблица стилей CSS:
Код:
.inner a {
text-decoration: none;
font-size: 15px;
color : #000000;
}
.topiclist ul, .topiclist forums ul {
list-style: none;
}
Я сделала это, подчеркивание убралось, с размером тоже все норм. , а точки слева почему-то не убрались...и ссылки всё равно разного цвета почему-то
- Спойлер:
Страница 1 из 2 • 1, 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения