Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)
Предыдущая тема: Общие вопросы по оформлению (62)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Silentium, Правки:
/* C2.8 */
#pun-index .tcl h3 {
color: #e1e1e1!important;
font-family: HeliosCond;
text-transform: uppercase;
font-variant: small-caps;
font-size: 11px;
text-align: center;
width: 394px;
height: 13px;
padding: 0px 0 36px 0;
}
.tclcon .opisF {
position:relative;
z-index12;
background:url(http://funkyimg.com/i/2Avou.png) 0 bottom no-repeat,url(http://funkyimg.com/i/2AvnG.png) 0 0 repeat-y;
max-width:394px; /*Oe?eia ea?oeiee*/
padding: 0 15px 0 20px; /*Ionooi iienaiey io aieiauo e?a?a ea?oeiee */
text-align: justify;
color:#636363;
margin-top: -10px; /*Iiaoaneeaaai iienaiea e ieco iacaaiey oi?a*/
padding-bottom: 20px; /*Ionooi iienaiey io ie?iaai e?ay */
}
Для цвета ссылки добавьте:
.tclcon h3 a {
color: green;
}
Эту картинку: http://funkyimg.com/i/2Avou.png вам надо сделать как и верхнюю с полоской..
теперь возник такой вопрос: в шаблоне html надо поправить оформление, а если конкретно, то можно ли вкладки сбоку перенести наверх? для наглядности могу показать пример.
http://qwerty.bestbb.pw/viewtopic.php?id=2#p6
на примере контейнер с вкладками, а по ссылке тестовика - просто html-таблички и т.д.
поэтому переносить-то как бэ нечего. надо сканала контейнер сделать, чтоб что-то в нем переносить.
если вопрос из серии "для справки", то да, можно вкладки и сбоку, и наверху, и хоть пентаграммой размещать )
примеры скриптов с вкладками наверху:
http://forumd.ru/viewtopic.php?id=1453
http://forumd.ru/viewtopic.php?id=1949
http://forumd.ru/viewtopic.php?id=2407
есть еще на цсс таб-контейнеры. но под рукой нима, однако гугл поможет рушить эту проблему - можно без скриптов даж такие штуки делать.
ЗЫ. ща мода на майбб дичайшая применять к блокам с текстом text-align: justify; - как на тестовике с дополнительным полем. выглядит ужасно, так как образуются неадекватные пробелы.
это круто в тех местах, где текст однороден и может по ширине заполнять пространство без особых проблем. это круто в статьях, колонках газет и т.д.
но когда это в доп поле или описании форума, где мало места и мало текста, появляются дичайшие пробелы. не советую. вполне нормально смотрится выравнивание по левому краю. кончился тест - перенесся на след.строчку, оставив пустое пространство в конце строки. а при заполнения текстом таких милипиздрических блоков (где помещается мало текста) получается, что два слова разъезжаются в разные края одной строки, на следующей строке одно, на следующей три и т.д., образуя везде разные и неровные пробелы, на которых однородность строки текста теряется.
kolobdur74
вписала всё, как вы указали, картинку нижнюю в фш сделал как верхнюю, но итог получился странный...
Отредактировано Silentium (Пт, 22 Дек 2017 17:17:01)
вписала всё, как вы указали, картинку нижнюю в фш сделал как верхнюю, но итог получился странный...
Замените на мой код :
.tclcon .opisF {
position: relative;
background: url(http://funkyimg.com/i/2AvnG.png) 0 0 repeat-y;
max-width: 394px;
padding: 0 35px 0 20px;
text-align: justify;
color: #636363;
margin-top: -20px;
padding-bottom: 20px;
}По ссылке замените мой код на этот:
.punbb .tclcon h3 a {
color: #e1e1e1;
}
И добавьте:
.tclcon:after {
position: absolute;
content: "";
background: url(http://funkyimg.com/i/2Avou.png) 0 bottom no-repeat;
margin-top: -46px;
height: 50px;
width: 100%;
z-index: 1;
}kolobdur74
добавила, уже лучше 
хотя там чуть с уголками беда, но это мелкие косяки, сама попробую подогнать..
спасибо большое за помощь!
Silentium, здесь поправьте:
.tclcon .opisF {
position: relative;
background: url(http://funkyimg.com/i/2AvnG.png) 0 0 repeat-y;
max-width: 394px;
padding: 0 35px 0 20px;
text-align: justify;
color: #636363;
margin-top: -20px;
padding-bottom: 20px;
}
На 10px - я забыл исправить..
А здесь:
.tclcon:after {
position: absolute;
content: "";
background: url(http://funkyimg.com/i/2Avou.png) 0 bottom no-repeat;
margin-top: -46px;
height: 50px;
width: 100%;
z-index: 1;
}
Поставьте 2px..
kolobdur74
а вы перфекционист х)
кстати, момент с 10px помогло, а 2px, увы, лишь смещает нижний уголок вправо 
а вы перфекционист х)
кстати, момент с 10px помогло, а 2px, увы, лишь смещает нижний уголок вправо
Полностью поправил код:
.tclcon:after {
position: absolute;
content: "";
background: url(http://funkyimg.com/i/2Avou.png) 1px bottom no-repeat;
margin-top: -54px;
height: 60px;
width: 100%;
z-index: 1;
}Теперь должен быть полностью нормально встать..
kolobdur74
да, идеально) спасибо ещё разок, намазал плюсиками х)
kolobdur74
я прошу прощения, последний вопрос...
а есть вариант, как модераторов подтащить к тексту описания форума или хотя б внутри окошка с фоном фора сунуть? а то выглядит как-то странно
на примере контейнер с вкладками,
спасибо, надо будет пошаманить, разобраться)
---------
возник такой вопрос. в авасте не отображается фон в хтмл кнтейнерах. во всех браузерах всё шикарно, всё отображается, а именно в авасте вот такая вот картина: http://uploads.ru/nxs7v.jpg
а, собственно, спрашиваю про этот баг потому, что сам сижу с этого браузера. не то, чтобы он сильно популярный, но менять его уже не хочется - привык
возник такой вопрос. в авасте не отображается фон в хтмл кнтейнерах. во всех браузерах всё шикарно, всё отображается, а именно в авасте вот такая вот картина: http://uploads.ru/nxs7v.jpg
а, собственно, спрашиваю про этот баг потому, что сам сижу с этого браузера. не то, чтобы он сильно популярный, но менять его уже не хочется - привык
по-моему, это сигнал к тому, чтоб с таким браузером попрощаться )))
я прошу прощения, последний вопрос...
а есть вариант, как модераторов подтащить к тексту описания форума или хотя б внутри окошка с фоном фора сунуть? а то выглядит как-то странно
А ссылку на форум?
Отредактировано kolobdur74 (Сб, 23 Дек 2017 00:36:08)
Здравствуйте. Не подскажите, пожалуйста, как сделать так, чтобы при появлении увеличенного изображения после наведения на превью все вокруг, кроме самого увеличенного изображения, затемнялось?
Форум: http://shephardtest.rusff.ru/
Отредактировано Shephard (Сб, 23 Дек 2017 12:33:51)
Герда
а теперь вопрос по поводу оформления подфорумов. как сделать вот так же (только вместо фона там везде полупрозрачный цвет будет): http://interstellart.rusff.ruнемного не поняла формулировку.
как перенсти колонки "тем" и "сообщений" в описание?
есть от такой скрипт - http://forumd.ru/viewtopic.php?id=5880но я такие штуки предпочитаю делать через css, ибо чем больше скриптов - тем мощнее каша в окне настроек.
если актуально, напишу гайд.
Возвращаясь к баранам, дописала гайд:
БЛОЧНАЯ ВЕРСТКА ФОРУМА НА ГЛАВНОЙ |
Отключение элементов таблиц • Стиль с колонками "тем" и "сообщений" в описании раздела |
СКРИНЫ |
С вопросами просьба в тот же топик, где и статья, благо - форум открыт гостям.
ЗЫ. надеюсь, за сим поток новых разнообразных стилистичиских решений, а не "как на том арт-форуме", обеспечен.
kolobdur74
оп, пардон
Отредактировано Silentium (Вс, 24 Дек 2017 16:18:25)
Здравствуйте. Не подскажите, пожалуйста, как сделать так, чтобы при появлении увеличенного изображения после наведения на превью все вокруг, кроме самого увеличенного изображения, затемнялось?
Форум: http://shephardtest.rusff.ru/
надо гуглить скрипты галерей изображений или модальных окон.
это не вопрос оформления css.
их очень много в интернете, найди подходящий и обращайся с вопросами о том, как его встроить/стилизовать.
интересно, почему все арт-форумы создаются по образу и подобию друг дружки с приемчиком "галерея картинок в шапке форума".
как бе артистизм-то и оригинальность хде...
я б при необходимости выводить картинки участников форума, сделала бы отдельную страницу-портфолио на основе скрипта поиска по изображений, например.
я прошу прощения, последний вопрос...
а есть вариант, как модераторов подтащить к тексту описания форума или хотя б внутри окошка с фоном фора сунуть? а то выглядит как-то странно
Вместо:
/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}
Поставьте:
/* C2.10 */
.punbb td .modlist {
display: block;
position: relative;
padding-top: 0.3em;
margin: -30px 0 0 16px;
z-index: 2;
}интересно, почему все арт-форумы создаются по образу и подобию друг дружки с приемчиком "галерея картинок в шапке форума".
как бе артистизм-то и оригинальность хде...
С оригинальностью вообще в инете плохо - для оригинальности нужны знания+творческое мышление, простого творческого мышления маловато будет... Поэтому и однотипного очень много в инете...
Отредактировано kolobdur74 (Сб, 23 Дек 2017 15:58:51)
kolobdur74
помогло. спасибо огромное !
лайк бы поставила, да за сутки 8 раз только можно
Отредактировано Silentium (Сб, 23 Дек 2017 15:54:29)
Silentium
1. во-первых, там где описание .tclcon .opisF
заменить max-width: 394px; на width: 394px; (иначе блок короче нужного)
и туда же лучше добавить :
min-height: 70px;
чтобы при отсутствии много текста в описании, не сплющивались блоки
итого:
.tclcon .opisF {
position: relative;
background: url(http://funkyimg.com/i/2AvnG.png) 0 0 repeat-y;
width: 394px;
padding: 0 35px 0 20px;
text-align: justify;
color: #636363;
margin-top: -10px;
padding-bottom: 20px;
min-height: 70px;
}2. найти в стиле:
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}добавить:
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
position: relative;
}
3. Позиционируем нижний флажок правильно:
.tclcon::after {
position: absolute;
content: "";
background: url(http://funkyimg.com/i/2Avou.png) 0 bottom no-repeat;
bottom: 18px;
height: 60px;
width: 100%;
z-index: 1;
}
4. Позиционируем модеров
найти в стиле и добавить красное:
.punbb td .modlist {
display: block;
padding-top: 0.3em;
position: absolute;
bottom: 30px; /* снизу */
left: 30px; /* слева */
}
ЗЫ. проблема в этом стиле в том, что цифры с количеством топиков и сообщений "висят" в невесомости около раздела. (вангую, что так и собирались оставить)
очень красивая окантовочка раздела, а все остальное как будто из другой вселенной.
если окантовывать раздел, над придумать окантовку и для этой части, либо убрать.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)