Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
Предыдущая тема: Общие вопросы по оформлению (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
А как можно между форумами поставить разделитель? Желательно по всей ширине таблицы
Есть скрипт реклама между категориями в последней теме скриптов, вот вместо рекламы мон свои кнопки
Немного глупых вопросов от Ветра
Доброй ночи. Пытаюсь оформить профиль, выходит все враскоряку.
Мне бы как-то прописать отступ, чтобы картинка профиля, та, которая множится по вертикали, начиналась не с самого начала, а чуть ниже.
===>> 
Отредактировано Северный Ветер (Пн, 22 Авг 2016 00:45:19)
Северный Ветер, проще всего добавить к верху этой картинке http://savepic.ru/11024455.png фон топика 
на величину выступающей сейчас части от размножаемого фона на .post-author (или чуть более на пару пиксел, затем подвинуть .punbb .post .post-author > ul на эту величину вверх (типа margin-top: -12px;)
Ну или так: добавки(к текущему стилю) красным
/* Автор*/
.punbb .post .post-author > ul {
margin-top: -19px;
margin-bottom: -19px;
background: url(http://savepic.ru/11024455.png) top center no-repeat,
url(http://savepic.ru/11033669.jpg) bottom center no-repeat;
margin-left: -1px;
}.punbb .post .post-author {
overflow:visible;
margin-top: 19px;
text-align: center;
background: url(http://savepic.ru/11018306.jpg) repeat-y;
color: #000;
margin-left: -14px;
}
Mirra Bell
Как-то Так: (*В HTML верх или Конец Второго Окна стилей без тегов <style>
<style type="text/css">
.category tr{display:table;width:100%;clear:both;position:relative;}
.category thead,.category tbody{width:100%;display:block;}
.category table{display:block;position:relative;width:100%;}
.category tbody>tr:not(:first-child):before{
content:"";display:block;
width:100%;height:6px;
position:absolute;margin-top:-5px;
background:#111;
background:linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-webkit-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-moz-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-o-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-khtml-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-ms-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
}
</style>
Alex_63
Спасибо, забрала и поставила на рабочий форум, только почему-то эти разделители не после каждого первого в категории форума ) Например, в категории "Добро пожаловать" его нет, а вот в следующей уже есть. И тогда уж сразу: как поднять заголовки колонок таблицы "Форум", "сообщений", "Тем" тд чуть выше?
http://almarein.spybb.ru/
Отредактировано Mirra Bell (Пн, 22 Авг 2016 13:11:57)
Mirra Bell
Ставьте скрытые( у которых в стилях прописано - display:none ) форумы не первыми в Категориях - полоски перед Первым форумом в категории тогда не будет(ее и не должно быть) , Тады и строку Форум - Тем -сообщений, .. поднимать выше не придется
Alex_63
А я как раз хотела, чтобы полоска была везде, а то без нее верхний форум кажется каким-то незаконченным
Mirra Bell
/*Разделители между форумами*/
.category th{padding-bottom:1.2em}
.category tr{display:table;width:100%;clear:both;position:relative;}
.category thead,.category tbody{width:100%;display:block;}
.category table{display:block;position:relative;width:100%;}
.category tbody>tr:before{
content:"";display:block;
width:100%;height:6px;
position:absolute;margin-top:-5px;
background:#111;
background:linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-webkit-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-moz-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-o-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-khtml-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
background:-ms-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
}
Alex_63
Вот теперь отлично все! Спасибо )
Deff
Спасибо) Судя по всему, проще действительно добавить фон)
Северный Ветер
Ну не проще, ибо фон с куском боковухи страницы - а занчит при подвижке профиля влево от края - нун будет перефотошопливать верх.. Либо отодвинуть от края сразу
Приветствую всех. Подскажите, как разместить каждую последующую картинку ( стоит скрипт "Обтекание текста) с новой строки?
Например: так не работает 
картинка ( обтекание справа)текст
картинка( обтекание справа)текст
В редактирование, тоже простыми пробелами, не угадаешь. В каждом браузере по разному.
Получается вот так
Кликабельно
А хотелось бы вот так
Отредактировано Sans (Вт, 23 Авг 2016 06:54:53)
Sans
1. Воткнуть в таблицу
[table layout=fixed width=100%] [tr] [td] Картинка текст[/td] [/tr] [tr] [td] Картинка текст[/td] [/tr] [tr] [td] Картинка текст[/td] [/tr] [tr] [td] Картинка текст[/td] [/tr] [/table]
Воткнуть в таблицу
Прямо ХТМЛ кодом писать в "Быстром ответе"? Нужен ли скрипт "Обтекание картинки" в таком случае?
Спасибо, сейчас начну экспериментировать. 
( А просто нет скрипта, обязательное начало с Новой строки)?
Спасибо.
Добавлено спустя 8 минут 43 секунды:
Всё получилось! Спасибо.
Пы.Сы. Но вопрос
( А просто нет скрипта, обязательное начало с Новой строки)?
остаётся в силе. 
Отредактировано Sans (Вт, 23 Авг 2016 07:14:45)
Прямо ХТМЛ кодом писать в "Быстром ответе"? Нужен ли скрипт "Обтекание картинки" в таком случае?
Нужен,
( А просто нет скрипта, обязательное начало с Новой строки)?
По идее, обёртывание картинки и текста в тег центрирование по левому краю должен помочь ?
Ну или код для сообщений:
В HTML верх:
<style>
.punbb abbr[title="clear"] {
display:block;
clear: both;
}
</style>
Тогда такая вставка:
[abbr="clear"][/abbr]
переведёт на новую строку при обтекании
код для сообщений
Спасибо воспользуюсь. Но и в таблице - понравилось! 
Sans, 
Можно и без добавки в HTML верх - обернуть в теги
[align=left][/align]
Sans, Можно и без добавки в HTML верх - обернуть в теги
Почему то с ценрированием по бокам не получается. Картинки "налазят" друг на друга.
А вот с
В HTML верх:
<style>
.punbb abbr[title="clear"] {
display:block;
clear: both;
}
</style>
Тогда такая вставка:
Отлично. Как бы ещё картинку для этого тэга в панель "Быстрого редактирования" "прикрутить"?
Sans
Да, - налазить будут... А поставьте в HTML верх
<style>
.post-content span[style*="text-align:"]{
clear:both;
}
</style>
А поставьте в HTML верх
<style>
.post-content span[style*="text-align:"]{
clear:both;
}
</style>
Работает . Но тогда нельзя центрировать ( влево, центр, вправо) сам текст в "обёртке" с картинкой.
Например:
[align=left[img=float:rightкартинка[/img[align=centerТЕКСТ[/align][/align] Тэги align=center][/align будут видны в "чистовике".
П.Сы.Некоторые ][ скобки, специально убрал, чтобы было видно.
Отредактировано Sans (Вт, 23 Авг 2016 10:04:36)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
