Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)


Общие вопросы по оформлению (51)

Сообщений 181 страница 200 из 997

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Fover (Чт, 31 Окт 2013 05:16:27)

0

181

Good

Код:
<style type="text/css">
.punbb .post-content .quote-box:not(.spoiler-box) {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:10px 0 10px 5px;
}

.punbb .quote-box:not(.spoiler-box) p {
font-size:16px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}

.punbb .quote-box:not(.spoiler-box) blockquote {
margin-top:5px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #B38000;
background-color:#FCFCCE;
max-width:91%;
position:relative;
padding:13px 20px 0 22px;
}

.punbb .quote-box:not(.spoiler-box) blockquote:before {
content:'';
background:url(http://s6.uploads.ru/4aiNC.png) top left no-repeat transparent;
position:absolute;
width:15px;
height:13px;
top:17px;
left:3px;
}

.punbb .quote-box:not(.spoiler-box) blockquote:after {
content:'';
position:absolute;
z-index:100;
background:url(http://s7.uploads.ru/4gLWP.png) top left no-repeat transparent;
width:15px;
height:13px;
right:4px;
bottom:4px;
}

.punbb .quote-box:not(.spoiler-box) cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://s6.uploads.ru/EQn1i.png) top left repeat-x transparent;
height:32px;
line-height:24px;
position:absolute;
z-index:100;
top:0;
text-shadow:#000 2px 2px;
left:13px;
}

.punbb .quote-box:not(.spoiler-box) cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://s7.uploads.ru/CWe76.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}

.punbb .quote-box:not(.spoiler-box) cite:after {
content:'';
background:url(http://s6.uploads.ru/j0Qm3.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
}
</style>

+1

182

:jumping:
Спасибо друг!
Теперь всё пучком.

0

183

Good
Для вложенности правильнее так:

Код:
<style type="text/css">
.punbb .post-content .quote-box:not(.spoiler-box) {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:10px 0 10px 5px;
}

.punbb .quote-box:not(.spoiler-box) > blockquote > p {
font-size:16px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}

.punbb .quote-box:not(.spoiler-box) > blockquote {
margin-top:5px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #B38000;
background-color:#FCFCCE;
max-width:91%;
position:relative;
padding:13px 20px 0 22px;
}

.punbb .quote-box:not(.spoiler-box) > blockquote:before {
content:'';
background:url(http://s6.uploads.ru/4aiNC.png) top left no-repeat transparent;
position:absolute;
width:15px;
height:13px;
top:17px;
left:3px;
}

.punbb .quote-box:not(.spoiler-box) > blockquote:after {
content:'';
position:absolute;
z-index:100;
background:url(http://s7.uploads.ru/4gLWP.png) top left no-repeat transparent;
width:15px;
height:13px;
right:4px;
bottom:4px;
}

.punbb .quote-box:not(.spoiler-box) > cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://s6.uploads.ru/EQn1i.png) top left repeat-x transparent;
height:32px;
line-height:24px;
position:absolute;
z-index:100;
top:0;
text-shadow:#000 2px 2px;
left:13px;
}

.punbb .quote-box:not(.spoiler-box) > cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://s7.uploads.ru/CWe76.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}

.punbb .quote-box:not(.spoiler-box) > cite:after {
content:'';
background:url(http://s6.uploads.ru/j0Qm3.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
}
</style>

Иначе спойл внутри цитаты портицо

0

184

Еще одна проблема, не обессудьте, помогите, пожалуйста.

Отредактировано Frisch-fritz (Сб, 16 Ноя 2013 23:33:51)

0

185

Frisch-fritz
Это не текст,а буквы поставленные вместе.
Сервис считает, что это 1 слово, а слово пишется в строку.

Отредактировано Fover (Сб, 16 Ноя 2013 23:29:13)

0

186

Fover
Ну я и лошара. http://i053.radikal.ru/0806/7f/8b80a2497566.gif  Спасибо... http://mybb.ru/f/collection/0224.gif

0

187

Подскажите, пожалуйста, получил ссылки на Первое и второе окно стиля, потом сделал все как написано в подсказке... Сменил в Первом - @import url(Ла Ла Ла);  Заменить на:=>  @import url(style_cs.css); Во втором все теги типо:
url(../../тут что-то)  переправляем на:
url(../тут что-то)
Так в итоге пропали все картинки, гифки, фон... Что надо изменить еще?

0

188

Noir написал(а):

url(../../тут что-то)  переправляем на:url(../тут что-то)

Cейчас та метода не работает, ибо ранее стиль был на собственном форуме, а сейчас на http://st1.bbcorp.ru/
Поэтому выставьте нужный типовой стиль, дайте ссылку, я дам расширение вместо url(../../тут что-то) = заменить

Отредактировано Deff (Вс, 17 Ноя 2013 04:23:06)

0

189

Deff написал(а):

Cейчас та метода не работает, ибо ранее стиль был на собственном форуме, а сейчас на http://st1.bbcorp.ru/
Поэтому выставьте нужный типовой стиль, дайте ссылку, я дам расширение вместо url(../../тут что-то) = заменить

Отредактировано Deff (Сегодня 04:23:06)

Ссылка на первое Окно стиля >http://st1.bbcorp.ru/style/Mybb_Warcraft_Empire/Mybb_Warcraft_Empire.css
Ссылка на Второе Окно стиля >http://st1.bbcorp.ru/style/Mybb_Warcraft_Empire/Mybb_Warcraft_Empire_cs.css

Правильно Вас понял ссылки на окна?

0

190

Noir
Такая замена
Вместо красного

html, body {
        background: url(../../img/Mybb_Warcraft_Empire/bg.gif) #000;

Синее

html, body {
        background: url(http://st1.bbcorp.ru/img/Mybb_Warcraft_Empire/bg.gif) #000;

Анологично  заменяем везде

0

191

Deff написал(а):

http://st1.bbcorp.ru

Спасибо! http://mybb.ru/f/collection/0208.gif

0

192

Понятно

Отредактировано Мятнолистая (Вс, 17 Ноя 2013 16:47:47)

0

193

Здраствуйте, Мне 10 лет. Я создала свой форум по КВ. Я как ни стараюсь в HTML разобраться не могу. Помогите кто нибудь с "шапкой" иконками и т.д.
Заранее Спасибо.

0

194

Здравствуйте, нашла хороший скрипт спойлера html контента, который ставлю в таблицу, чтобы сворачивать ее. Как сделать так чтобы текст таблицы изначально был открытым, а скрывался при клике на кнопку?
Вот код:

Код:
<!--Скрипт хтмл-спойлера-->
    <script language="JavaScript" type="text/javascript">
    function openClose(id)
    {
    var obj = "";

    // Check browser compatibility
    if(document.getElementById)
    obj = document.getElementById(id).style;
    else if(document.all)
    obj = document.all[id];
    else if(document.layers)
    obj = document.layers[id];
    else
    return 1;

    // Do the magic [img]http://uploads.ru/i/K/Z/U/KZUwI.gif[/img]
    if(obj.display == "")
    obj.display = "none";
    else if(obj.display != "none")
    obj.display = "none";
    else
    obj.display = "block";
    }
    </script>
    <!--/Скрипт хтмл-спойлера-->
Код:
<!--Шапка спойлера-->
    <div class="spoilertop" onClick="openClose('1')">
    сюда то, что будет отображаться когда спойлер закрыт (можно картинку в обычном хтмл-е)
    </div>
    <!--Содержание спойлера-->
    <div class="spoilerbox" id="1" style="display:none;">
    сюда то, что под спойлером
    </div>

ссылка на форум http://tertium.f-rpg.ru/

Мятнолистая
Не торопитесь в это лезть, лучше возьмите шаблонный дизайн или обратитесь на графические форумы, там иногда делают бесплатные дизайны.

Отредактировано Астра (Пн, 18 Ноя 2013 14:19:11)

0

195

Астра
1. Если с запоминанием, то лучше поставить "универсальная кнопка скрытия" => http://forumdts.org/viewtopic.php?id=2183

0

196

Deff
без запоминанния, просто чтоб когда открываешь или обновляешь страницу спойлер открытый был. Тот скрипт что вы дали не подойдет мне кажется, мне нужно чтоб, объявление не полностью скрывалось а частично, как сейчас на форуме.

Отредактировано Астра (Пн, 18 Ноя 2013 14:50:17)

0

197

Астра написал(а):

мне нужно чтоб, объявление не полностью скрывалось а частично, как сейчас на форуме.

В кнопки прописываете любой свой селектор( если смотреть начало поста) это может быть и <span id=My>Тут что то</span> и расположенный где угодно
Cмыcл в скрытии без запоминания ? при каждом обновлении будет все открыто ?

<div id=Knopka>fsdfsf</div>
<div id=aa1>Тут что то</div>
<script>$('#Knopka').live('click', function() {$('#aa1').toggle();});</script>

Отредактировано Deff (Пн, 18 Ноя 2013 17:05:23)

+1

198

Deff
огромное спасибо это намного лучше ))

0

199

Доброго времени суток. Подскажите пожалуйста как сделать так, чтоб картинки с названиями категорий сровнялись с форумом.
http://hostingkartinok.info/images/2013 … 6.png.html
форум:http://potterwarorrpg.rolka.su/

0

200

Xalgia
Пропишите в линейке явно width: и margin-left:  (в той же части где и картинку ставите

Отредактировано Deff (Пн, 18 Ноя 2013 17:32:05)

+1


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)