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

Поделиться821Сб, 29 Окт 2011 20:53:19

Автор: попутный ветер
Заслуженный
Зарегистрирован: Пт, 11 Фев 2011
Сообщений: 180
Уважение: 0
Позитив: +11
Последний визит:
Вт, 9 Дек 2014 20:33:59

Deff, да, это именно то *__*
спасибо!

0

Поделиться822Сб, 29 Окт 2011 21:21:57

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

Deff
http://testus.rusff.ru/

0

Поделиться823Сб, 29 Окт 2011 21:25:22

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

Rain Man написал(а):

Deffhttp://pensieve.mybb.ru/ - будет типа такой. Шапка, которая сверху фон еще закрывает

Если типоразмер картинок идентичный, можно попробовать такой скрипт
Замените полностью Ваш HTML верх

<style type="text/css">
#pun {
width: 750px;
margin: 0 auto;
}

html {
background: #b1a8a5 url(http://uploads.ru/i/6/3/h/63h7K.jpg) repeat-y top center;
}

body {
background: transparent no-repeat top center;
padding-top: 400px !important;
}
</style>
<script language="javascript">
var sek = 20*60*1000; //20мин. Время ротации на текущей странице
imgArray = new Array (
"http://www.mat.net.ua/computer/java-script/img/img00001.jpg",
"http://www.mat.net.ua/computer/java-script/img/img00002.jpg",
"http://www.mat.net.ua/computer/java-script/img/img00003.jpg",
"http://www.mat.net.ua/computer/java-script/img/img00004.jpg",

"End"
);

var i=Math.round(Math.random()*(imgArray.length-1))
banners(i);
function banners(i) {
$("body").css({'background-image':'url(' + imgArray[i] +')'});
i+=1;if( i > imgArray.length-1){i=0};
j = i;timerID = setTimeout("banners(j)",sek);}
</script>

Красным ссылки на картинки

Отредактировано Deff (Сб, 29 Окт 2011 23:34:12)

+1

Поделиться824Сб, 29 Окт 2011 21:26:28

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

Sweet Darkness :glasses: Я не Вижу Разницы - ткните стрелками, где и про что речь

0

Поделиться825Сб, 29 Окт 2011 22:02:22

Автор: Sabi
Заслуженный
Зарегистрирован: Ср, 24 Авг 2011
Сообщений: 73
Уважение: 0
Позитив: +10
Последний визит:
Вт, 13 Мар 2012 02:45:07

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

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

Верхний рекламный баннер решил куда-то от меня спрятаться, поможете найти?)

Замените HTML верх
Код:

<style type="text/css">
HTML, BODY {background-color: #000000; background-image: url("http://savepic.su/507349.jpg") !important; background-position: center top; background-repeat: no-repeat; background-attachment: scroll; } /* цвет фона, Фоновая картинка, прокрутка.. */

body{
padding-top:450px!important;
}
#pun-navlinks li a,
#pun-ulinks li a{
font-weight:bold;
border-bottom:none;
}
#pun-navlinks .container,
#pun-ulinks .container{
text-align:center;
//margin-top:-23px;
}
#pun-navlinks {
margin-top:-23px;
}
#pun {
margin:0 auto;
width : 745px;
background-attachment: fixed;
} /* Ширина форума, без прокрутки */
#pun-title,#pun-title{
background-color:transparent!important;
background-image: none;
height:0;
}
</style>
<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
display:block!important;
position:absolute!important;
top:519px!important;
z-index:1000!important;
margin-left:273px!important;
}
.mybb_bs {
filter: alpha(opacity=50) !important;
opacity: 0.5 !important;
-moz-opacity: 0.5 !important;
-khtml-opacity: 0.5 !important;
}

Спасибо, а как справится с тем, что когда увеличиваешь число форумов, фон внизу в итоге кончается и начинается черное пространство внизу?

0

Поделиться826Сб, 29 Окт 2011 22:13:04

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

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

Спасибо, а как справится с тем, что когда увеличиваешь число форумов, фон внизу в итоге кончается и начинается черное пространство внизу?

Делаете body прозрачной по цвету
на HTML отрезаете нижнюю часть от боди - полтора два см по высоте и полную по ширине,
ставите данную картинку на HTML бекграундом с размножением по вертикали

Отредактировано Deff (Сб, 29 Окт 2011 22:13:31)

0

Поделиться827Сб, 29 Окт 2011 22:40:23

Автор: Rain Man
Заслуженный
Зарегистрирован: Чт, 1 Окт 2009
Сообщений: 65
Уважение: +13
Позитив: +38
Последний визит:
Пн, 24 Фев 2020 23:38:37

Deff
Спасибо)) Картинка меняется, но при каждом обновлении страницы вылезает вот это

И иногда при обновлении шапка вообще не показывается о__о

Отредактировано Rain Man (Сб, 29 Окт 2011 22:41:36)

0

Поделиться828Сб, 29 Окт 2011 22:53:07

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

Deff
Ну я же уже показала.

До изменений:

http://uploads.ru/i/x/q/Z/xqZC4.png

После:

http://uploads.ru/i/h/s/u/hsukZ.png

На форуме в блоке Последнее сообщение я установила выравнивание по правому краю...
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
border-left: 1px solid #d0ccc1;
text-align: right;
padding: 12px;
}
и с помощью padding сместила надписи немного левее. Но, почему то вышло так, что с этой поправкой пришла ещё одна, окно строка "форума, сообщения, темы, последнее сообщение" стало намного шире. Как исправить и в какой селектор сунуть padding, чтобы изменение распространялось лишь на сообщения.

0

Поделиться829Сб, 29 Окт 2011 23:04:36

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

Sweet Darkness написал(а):

padding: 12px;

чтобы переместить левее - cтавите
padding-right: 12px;
Ваш паддинг раздувает размер на все четыре стороны

Отредактировано Deff (Сб, 29 Окт 2011 23:07:26)

0

Поделиться830Сб, 29 Окт 2011 23:08:33

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

Rain Man написал(а):

Спасибо)) Картинка меняется, но при каждом обновлении страницы вылезает вот это

Ой,
Поправил

0

Поделиться831Сб, 29 Окт 2011 23:19:30

Автор: Rain Man
Заслуженный
Зарегистрирован: Чт, 1 Окт 2009
Сообщений: 65
Уважение: +13
Позитив: +38
Последний визит:
Пн, 24 Фев 2020 23:38:37

Deff
Огромное спасибо)) Фигня пропала. Но при каждом 4-5 обновлении вообще никакой картинки не грузится в шапке. Такое в любом браузере и не только у меня((

0

Поделиться832Сб, 29 Окт 2011 23:23:41

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

Rain Man написал(а):

Такое в любом браузере и не только у меня

Поправил

0

Поделиться833Сб, 29 Окт 2011 23:32:49

Автор: Rain Man
Заслуженный
Зарегистрирован: Чт, 1 Окт 2009
Сообщений: 65
Уважение: +13
Позитив: +38
Последний визит:
Пн, 24 Фев 2020 23:38:37

Deff
Опробовано. Все равно пропадает(

0

Поделиться834Сб, 29 Окт 2011 23:34:27

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

Rain Man Еще раз поправил

0

Поделиться835Сб, 29 Окт 2011 23:45:32

Автор: Rain Man
Заслуженный
Зарегистрирован: Чт, 1 Окт 2009
Сообщений: 65
Уважение: +13
Позитив: +38
Последний визит:
Пн, 24 Фев 2020 23:38:37

Deff
Вот так ставлю. Вроде без ошибок. Все равно пропадает =(

Код:

<style type="text/css">
#pun {
width: 750px;
margin: 0 auto;
}

html {
background: #b1a8a5 url(http://uploads.ru/i/4/5/b/45bsa.jpg) repeat top center;
}

body {
background: transparent  no-repeat top center;
padding-top: 400px !important;
}
</style>
<script language="javascript">
var sek = 20*60*1000;  //20мин. Время ротации на текущей странице
imgArray = new Array (
   "http://uploads.ru/i/6/3/h/63h7K.jpg",
   "http://uploads.ru/i/j/v/k/jvkPg.jpg",
   "http://uploads.ru/i/T/j/g/TjgZF.jpg",

"End"
);

var i=Math.round(Math.random()*(imgArray.length-1))
banners(i);
function banners(i) {
$("body").css({'background-image':'url(' + imgArray[i] +')'});
i+=1;if(  i > imgArray.length-1){i=0};
j = i;timerID = setTimeout("banners(j)",sek);}
</script>

0

Поделиться836Вс, 30 Окт 2011 01:43:53

Автор: shiba
Заслуженный
Зарегистрирован: Пт, 19 Авг 2011
Сообщений: 40
Уважение: +1
Позитив: +3
Пол: Женский
Последний визит:
Пт, 30 Мар 2012 16:42:56

~~последний момент, и диз закончен х)~~
что в структуре отвечает за размер текста профиля (не странички профиля, а той части, которая выводится при чтении темы слева от текста :З)?

0

Поделиться837Вс, 30 Окт 2011 02:25:48

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

shiba, тут смотрите FAQ по дизайну форума в CSS.Страница сообщений

0

Поделиться838Вс, 30 Окт 2011 11:42:51

Автор: пинки
Стремящийся
Зарегистрирован: Сб, 29 Окт 2011
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Сб, 24 Дек 2011 11:11:11

Как закруглить края цитаты, спойлера и т.д.? Ещё как сделать так, что они (блок цитаты, сполера и т.д.) отбрасывали тень, как здесь?

0

Поделиться839Вс, 30 Окт 2011 11:50:07

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

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

Как закруглить края цитаты, спойлера и т.д.? Ещё как сделать так, что они (блок цитаты, сполера и т.д.) отбрасывали тень, как здесь?

пинки

В HTML верх

<style>
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
box-shadow: 0px 5px 18px #000;

}
</style>

Отредактировано Deff (Пн, 1 Апр 2013 19:27:00)

+2

Поделиться840Вс, 30 Окт 2011 12:11:45

Автор: пинки
Стремящийся
Зарегистрирован: Сб, 29 Окт 2011
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Сб, 24 Дек 2011 11:11:11

Deff
спасибо большое

0

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

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

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

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

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

Сообщений 821 страница 840 из 1000

Поделиться821Сб, 29 Окт 2011 20:53:19

Поделиться822Сб, 29 Окт 2011 21:21:57

Поделиться823Сб, 29 Окт 2011 21:25:22

Поделиться824Сб, 29 Окт 2011 21:26:28

Поделиться825Сб, 29 Окт 2011 22:02:22

Поделиться826Сб, 29 Окт 2011 22:13:04

Поделиться827Сб, 29 Окт 2011 22:40:23

Поделиться828Сб, 29 Окт 2011 22:53:07

Поделиться829Сб, 29 Окт 2011 23:04:36

Поделиться830Сб, 29 Окт 2011 23:08:33

Поделиться831Сб, 29 Окт 2011 23:19:30

Поделиться832Сб, 29 Окт 2011 23:23:41

Поделиться833Сб, 29 Окт 2011 23:32:49

Поделиться834Сб, 29 Окт 2011 23:34:27

Поделиться835Сб, 29 Окт 2011 23:45:32

Поделиться836Вс, 30 Окт 2011 01:43:53

Поделиться837Вс, 30 Окт 2011 02:25:48

Поделиться838Вс, 30 Окт 2011 11:42:51

Поделиться839Вс, 30 Окт 2011 11:50:07

Поделиться840Вс, 30 Окт 2011 12:11:45