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

Поделиться521Сб, 17 Сен 2011 18:43:09

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

*удалить

Отредактировано Ольха (Сб, 17 Сен 2011 21:03:42)

Поделиться522Сб, 17 Сен 2011 20:29:04

Автор: Хелп
Заслуженный
Зарегистрирован: Ср, 2 Сен 2009
Сообщений: 66
Уважение: 0
Позитив: +7
Последний визит:
Вт, 18 Дек 2012 01:23:13

Могу уточнить высказанный выше вопрос, появились примеры.
Форум -

Как видите, есть стык между шапкой и фоном. В то же время, если бы самый низ шапки соприкасался с самым верхом фонового изображения, все бы получилось. Как быть?

0

Поделиться523Сб, 17 Сен 2011 20:50:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Лирия :glasses: Мешает Скрипт От ork - в Заголовке странице - ставит конфликтную библиотеку - блокирующую клик на jquery

Ставим перед скриптом повтор библиотеки (выделен красным

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
var str='<img src="/i/blank.gif" title="Выделение реплик" onclick="changeVisibility(\'meny_My_replic\')"/>';
if(document.URL.indexOf("/viewtopic.php?id")!=-1 || document.URL.indexOf("/post.php?fid")!=-1 || document.URL.indexOf("/post.php?tid")!=-1 || document.URL.indexOf("/edit.php?id")!=-1)$("#form-buttons #button-imageup").after("<td id=My_replic_meny>"+str+"</td>")
$("#smilies-area").after($("div.#Hide").html())
$('#meny_My_replic p').click(function(){
var L=$(this).find("span").html();
var P=L.split(',');
bbcode(P[0],P[1])
return false;
});
</script>
<!—Конец доп. возможностей-->

+1

Поделиться524Сб, 17 Сен 2011 20:56:38

Автор: Лирия
Заслуженный
Зарегистрирован: Ср, 20 Июл 2011
Сообщений: 149
Уважение: +4
Позитив: +17
Пол: Женский
Последний визит:
Вс, 17 Ноя 2013 03:36:48

Deff
Спасибо) А что за скрипт конфликтует?

Ой, у меня теперь статистику посещенных за день не видно((

Отредактировано Лирия (Сб, 17 Сен 2011 20:58:24)

0

Поделиться525Сб, 17 Сен 2011 21:23:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Хелп Собственно Ошибки в стиле - выискивать править не буду -

есть Стиль От rps - вставляйте Свои картинки туда > Общие вопросы по оформлению (35) Пост 149

0

Поделиться526Сб, 17 Сен 2011 21:26:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Ольха
:glasses:

Комплесное перемещение рекламы и ее упрозрачнивание
( Упрозрачнивание - реализация от rps

В HTML верх

<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
display:block!important;
position:absolute!important;
top:570px!important;
z-index:1000!important;
margin-left:-494px!important;
}
.mybb_bs {
filter: alpha(opacity=50) !important;
opacity: 0.5 !important;
-moz-opacity: 0.5 !important;
-khtml-opacity: 0.5 !important;
}
.mybb_bs:hover {
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs'>" + document.getElementById("tieser-bottom").innerHTML + "</div>";
});
</script>

Красным отступ от верха - Синим - смещение влево (выделенное цветом - регулируем

0

Поделиться527Сб, 17 Сен 2011 22:50:21

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Активистка (3 уровня) написал(а):

rpsа понятно, а что тогда делать?

Если его действительно забанили - забудьте про скрипт. Или подождите, пусть Дефф проверит, он его писал, ему виднее о возможных проблемах.

0

Поделиться528Сб, 17 Сен 2011 22:51:52

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

rps такого нету у меня адреса почты =)

Этот акаунт?

0

Поделиться529Сб, 17 Сен 2011 22:53:40

Автор: Heroin
Заслуженный
Зарегистрирован: Пн, 29 Дек 2008
Сообщений: 80
Уважение: +6
Позитив: +15
Пол: Женский
Последний визит:
Пн, 19 Июл 2021 09:13:03

Здравствуйте. Есть несколько вопросов по оформлению форума.
http://verbena.rusff.ru/
1) На один пиксель съезжают влево шапка и низ форума, что не очень то мне нравится. Как подвинуть, чтобы дизайн смотрелся целостным?
2) Как уменьшить ширину форума, чтобы буквы не залезали на бордеры? Уже пробовала, но как-то ничего не реагирует. Может где-то мой косяк. Да и когда ставлю обычный код для этого в низ, фон, что посередине, множится по бокам или наоборот обрезается.
3) Как уменьшить ширину окна кода и цитаты? А также поменять цвет рамки этих же окон?
http://verbena.rusff.ru/viewtopic.php?id=4#p8

Отредактировано Heroin (Сб, 17 Сен 2011 23:01:21)

0

Поделиться530Сб, 17 Сен 2011 23:03:04

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Подскажите, как в своем стиле выделить другим цветом полосу, разграничающую подпись от поста пользователя в теме?
Этот блок:

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #483D8B;
width: 250px;
margin: 5px 0;
}

вообще не реагирует на изменение цвета почему-то.
Адрес: http://testovik.mybb.ru/

0

Поделиться531Сб, 17 Сен 2011 23:14:20

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Heroin
Здравствуйте.

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

1) На один пиксель съезжают влево шапка и низ форума, что не очень то мне нравится. Как подвинуть, чтобы дизайн смотрелся целостным?

Попробуйте найти в ХТМЛ-верх этот код:

Код:

#pun-title table {background-color: none; background-image : url(http://xmage.ru/images/cgc.jpg); height: 334px; background-position: top center !important;  background-repeat: no-repeat !important}

и поменять на:

Код:

#pun-title table {
  background-color: transparent; 
  background-image: url(http://xmage.ru/images/cgc.jpg);
  background-position: 1px 0 !important;  
  background-repeat: no-repeat !important;
  height: 334px; 
}

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

2) Как уменьшить ширину форума, чтобы буквы не залезали на бордеры? Уже пробовала, но как-то ничего не реагирует. Может где-то мой косяк. Да и когда ставлю обычный код для этого в низ, фон, что посередине, множится по бокам или наоборот обрезается.

Ищите в первом окне стиля код:

Код:

/* A5.2 */
.punbb {
  float: left ;
  width: 100%;
  height: auto;
  }

и заменяете на:

Код:

/* A5.2 */
.punbb {
  margin: 0 auto;
  width: 98%;
  height: auto;
  }

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

3) Как уменьшить ширину окна кода и цитаты? А также поменять цвет рамки этих же окон?http://verbena.rusff.ru/viewtopic.php?id=4#p8

Для уменьшения размера попробуйте найти в первом окне стиля пункт "B1.8" и добавить выделенное красным:

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
width: 90%;
}

Что касается рамки, то её цвет меняете во втором окне стиля, в пункте "CS2.6 ":

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #c6b393 #c6b393 #c6b393 #c6b393;
}

Отредактировано rps (Сб, 17 Сен 2011 23:14:34)

+1

Поделиться532Сб, 17 Сен 2011 23:16:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Лирия написал(а):

Ой, у меня теперь статистику посещенных за день не видно((

Поменяйте предыдущую добавку на такую:

<script>if($(".punbb").attr("id")!="pun-index"){$.getScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js");}</script>
<script>
var str='<img src="/i/blank.gif" title="Выделение реплик" onclick="changeVisibility(\'meny_My_replic\')"/>';
if(document.URL.indexOf("/viewtopic.php?id")!=-1 || document.URL.indexOf("/post.php?fid")!=-1 || document.URL.indexOf("/post.php?tid")!=-1 || document.URL.indexOf("/edit.php?id")!=-1)$("#form-buttons #button-imageup").after("<td id=My_replic_meny>"+str+"</td>")
$("#smilies-area").after($("div.#Hide").html())
$('#meny_My_replic p').click(function(){
var L=$(this).find("span").html();
var P=L.split(',');
bbcode(P[0],P[1])
return false;
});
</script>

<!—Конец доп. возможностей-->

0

Поделиться533Сб, 17 Сен 2011 23:17:29

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ольха
У Вас во втором окне стиля есть это:

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #DFDFBC #FFFFFC #FFFFFC #DFDFBC;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #DFDFBC
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFFFFC
}

.punbb .divider {
border-color: #DFDFBC #FFFFFC #FFFFFC #FFFFFC
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}

li.pa-online {
border-left-color: #2A0001;
}

.punbb .post-sig dt {
border-top-color: #FFFFDC !important;
}

+1

Поделиться534Сб, 17 Сен 2011 23:20:48

Автор: v@ness@
Заслуженный
Зарегистрирован: Сб, 17 Сен 2011
Сообщений: 18
Уважение: 0
Позитив: +1
Последний визит:
Пн, 16 Апр 2012 23:48:27

Здраствуйте, вот мой форум. Поменяла все цвета в коде на оливковый, но пользовательское меню и названия форумов остались синим. Никак не могу найти, где их поменять. Помогите)

0

Поделиться535Сб, 17 Сен 2011 23:29:41

Автор: Лирия
Заслуженный
Зарегистрирован: Ср, 20 Июл 2011
Сообщений: 149
Уважение: +4
Позитив: +17
Пол: Женский
Последний визит:
Вс, 17 Ноя 2013 03:36:48

Deff
Нет, не работает опять в режиме редактинования первого сообщения и при создании новой темы(

Отредактировано Лирия (Сб, 17 Сен 2011 23:31:27)

0

Поделиться536Сб, 17 Сен 2011 23:29:50

Автор: Heroin
Заслуженный
Зарегистрирован: Пн, 29 Дек 2008
Сообщений: 80
Уважение: +6
Позитив: +15
Пол: Женский
Последний визит:
Пн, 19 Июл 2021 09:13:03

rps
Огромное спасибо, почти все проблемы устранила благодаря вам, кроме пары:
1) Заменила первый код и шапка встала как нужно, но потом уползла далеко вправо после смены ширины форума.
2) Низ выступает на пиксель влево, к тому же почему-то задний фон залезает на углы снизу.

0

Поделиться537Сб, 17 Сен 2011 23:39:25

Автор: ультраморин
Заслуженный
Зарегистрирован: Вс, 27 Мар 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пт, 4 Ноя 2011 16:04:01

Доброй ночи. Делала дизайн и у меня возникла такая проблема. Вообщем хотела сдвинуть рекламный баннер в первом окне стиля, но видимо поставило не то значение и все коды перестали выделятся. Надеюсь, что кто-нибудь поможет. Вот адрес пробника http://253.mybb.ru/

0

Поделиться538Сб, 17 Сен 2011 23:46:09

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

1) Заменила первый код и шапка встала как нужно, но потом уползла далеко вправо после смены ширины форума. 2) Низ выступает на пиксель влево, к тому же почему-то задний фон залезает на углы снизу.

Удалите из ХТМЛ-низ это:

Код:

<style type="text/css">
#pun-about p.container { 
background-color: #fcf4f1;
background-image : url(http://xmage.ru/images/3nrn.jpg); 
background-position : center top;
background-repeat : no-repeat; 
height : 120px; 
}
div#html-footer {
margin: -67px 0px 0px 0px;
}
</style>

А в ХТМЛ-верх поставьте это:

Код:

<style type="text/css"> 
.title-logo span, .lastedit  {
  display: none !important;
}

#pun-title table {
  background-color: transparent; 
  background-image: url(http://xmage.ru/images/cgc.jpg);
  background-position: -7px 0 !important;  
  background-repeat: no-repeat !important;
  height: 334px; 
}

#pun {
  background-color: #d0cbb6; 
  background-image: url(http://xmage.ru/images/akaaka.jpg); 
  background-position: top center !important; 
  background-repeat: repeat !important;  
  width: 814px; 
  margin: auto; 
  font-size: 14px;
}

.post-box, #pun-main .formal textarea {
font-size: 11px;
}

#pun_wrap {
  background: url(http://xmage.ru/images/3nrn.jpg) no-repeat bottom center; 
  padding-bottom: 200px !important;
}
</style>

+1

Поделиться539Сб, 17 Сен 2011 23:49:25

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

v@ness@
Здравствуйте.

v@ness@ написал(а):

Поменяла все цвета в коде на оливковый, но пользовательское меню и названия форумов остались синим. Никак не могу найти, где их поменять.

Во втором стиле ищите пункт "CS3 Links", и там меняйте цвета ссылок.

0

Поделиться540Сб, 17 Сен 2011 23:49:38

Автор: Heroin
Заслуженный
Зарегистрирован: Пн, 29 Дек 2008
Сообщений: 80
Уважение: +6
Позитив: +15
Пол: Женский
Последний визит:
Пн, 19 Июл 2021 09:13:03

rps
Вы спасли жизнь мне и моему дизайну, спасибо **

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 521 страница 540 из 1000

Поделиться521Сб, 17 Сен 2011 18:43:09

Поделиться522Сб, 17 Сен 2011 20:29:04

Поделиться523Сб, 17 Сен 2011 20:50:47

Поделиться524Сб, 17 Сен 2011 20:56:38

Поделиться525Сб, 17 Сен 2011 21:23:45

Поделиться526Сб, 17 Сен 2011 21:26:07

Поделиться527Сб, 17 Сен 2011 22:50:21

Поделиться528Сб, 17 Сен 2011 22:51:52

Поделиться529Сб, 17 Сен 2011 22:53:40

Поделиться530Сб, 17 Сен 2011 23:03:04

Поделиться531Сб, 17 Сен 2011 23:14:20

Поделиться532Сб, 17 Сен 2011 23:16:16

Поделиться533Сб, 17 Сен 2011 23:17:29

Поделиться534Сб, 17 Сен 2011 23:20:48

Поделиться535Сб, 17 Сен 2011 23:29:41

Поделиться536Сб, 17 Сен 2011 23:29:50

Поделиться537Сб, 17 Сен 2011 23:39:25

Поделиться538Сб, 17 Сен 2011 23:46:09

Поделиться539Сб, 17 Сен 2011 23:49:25

Поделиться540Сб, 17 Сен 2011 23:49:38