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

Поделиться581Вс, 18 Сен 2011 21:57:16

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Deff

спасибо)

0

Поделиться582Вс, 18 Сен 2011 21:59:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

Rion Leonheart написал(а):

Ps: Deff, Дизайн, что на скрине, планируется установить зимой) не сейчас...

:glasses: Пусть консультируюца на дизайн форумах - к примеру - тут > http://forumd.ru/

К сожалению - я не rps - и чтобы сделать теоретическую работу - мне нужно куча времени

0

Поделиться583Вс, 18 Сен 2011 22:20:09

Автор: Seo
Заслуженный
Зарегистрирован: Пт, 12 Мар 2010
Сообщений: 124
Уважение: +9
Позитив: +3
Последний визит:
Вт, 16 Янв 2024 22:38:58

http://elliar.artbb.ru/
так. с объявлением не суть. вопрос в другом. как передвинуть верхнюю рекламу в центр и чуть-чуть опустить?

0

Поделиться584Вс, 18 Сен 2011 22:37:19

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

м а р л и ` Сохраните свой вариант HTML верх и замените целиком на такой

Код:

	<style>
.container1 {width: 180px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 25px;
    width: 180px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 10px;
    border: 0px;
border-top: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;

    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 180px;
    height: px;
    background-image : url();   
background-color: transparent;  
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>


<div style="position: absolute;z-index:100; width:220px; height:160px;margin-left: 75px; top:60px; text-align: center;background-image: url(); background-color: transparent; border: 3px;  font-family: tahoma; color: #f6dd9b; font-size: 10px;scrollbar-face-color: #2e1507;scrollbar-highlight-color: #2e1507;scrollbar-shadow-color: #2e1507;scrollbar-3dlight-color: #2e1507;scrollbar-arrow-color: #6d380f;scrollbar-track-color: #6d380f;scrollbar-darkshadow-color: #2e1507;">
<a href="" title="Karen Ellington"><img onmouseover="this.src='http://savepic.org/2310383.png'" src="http://savepic.ru/3163568.png" onmouseout="this.src='http://savepic.ru/3163568.png'"></a>  <a href="" title="Evelyn Bradshow"><img onmouseover="this.src='http://savepic.ru/3168688.png'" src="http://savepic.ru/3209649.png" onmouseout="this.src='http://savepic.ru/3209649.png'"></a> <a href="" title=""><img onmouseover="this.src='http://savepic.org/2311272.png'" src="http://savepic.ru/3190024.png" onmouseout="this.src='http://savepic.ru/3190024.png'"></a>  
<a href="" title=""><img onmouseover="this.src='http://savepic.org/2356463.png'" src="http://savepic.ru/3184048.png" onmouseout="this.src='http://savepic.ru/3184048.png'"></a>  <a href="" title="Ariel Leapman"><img onmouseover="this.src='http://savepic.org/2334956.png'" src="http://savepic.ru/3161521.png" onmouseout="this.src='http://savepic.ru/3161521.png'"></a> 
</div>

<div style="position: absolute; 
width:750px; height:160px; top:192px; text-align: center; margin-left: 520px;color: #f6dd9b; border: none; font-family: tahoma; font-size: 10px; line-height: 9px;scrollbar-face-color: #2e1507;scrollbar-highlight-color: #2e1507;scrollbar-shadow-color: #2e1507;scrollbar-3dlight-color: #2e1507;scrollbar-arrow-color: #6d380f;scrollbar-track-color: #6d380f;scrollbar-darkshadow-color: #2e1507;">



<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://savepic.org/2324804.png"></a></li>
    <li><a href="#tab2"><img src="http://savepic.org/2324804.png"></a></li>
    <li><a href="#tab3"><img src="http://savepic.org/2324804.png"></a></li>
    <li class="active><a href="http://www.youtube.com/watch?v=EL0pTo9Z_XU"><img src="http://savepic.ru/3109482.png"></a></li>
</ul>
<div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
Здесь будут новости из игры.
</div>

<div style="display: none;" id="tab2" class="tab_content">
текст 2
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
текст 3
</div>

</div></div>

<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

0

Поделиться585Вс, 18 Сен 2011 22:38:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

так. с объявлением не суть. вопрос в другом. как передвинуть верхнюю рекламу в центр и чуть-чуть опустить?

НескончаеМЫе общие вопросы от новичков (32) пост 948

0

Поделиться586Вс, 18 Сен 2011 22:50:24

Автор: Seo
Заслуженный
Зарегистрирован: Пт, 12 Мар 2010
Сообщений: 124
Уважение: +9
Позитив: +3
Последний визит:
Вт, 16 Янв 2024 22:38:58

http://akumaproject.rolbb.ru/ - нужен код вот этого объявления.

0

Поделиться587Вс, 18 Сен 2011 22:55:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

laru* написал(а):

форум.)

:glasses: Попробуйте в HTML верх

<style>
.punbb .post {
font-size:11px;
}
.punbb .pa-avatar img {
max-width:170px!important;
height:auto!important;
}
.punbb .post .pa-author,
.punbb .post .pa-title{
font-size:120%!important;
}
#pun #pun-main .pa-title {
text-align: left;
}
.punbb .post .post-author {
margin-left:2em;
width: 19em;
}
</style>

0

Поделиться588Вс, 18 Сен 2011 22:56:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

http://akumaproject.rolbb.ru/ - нужен код вот этого объявления.

:glasses:

Спросите в Заказах таблиц - или полистайте топик( это объявление там же делалось

0

Поделиться589Вс, 18 Сен 2011 23:52:02

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

..Boleyn написал(а):

Привет. Скажите, как установить такой же плеер, как на этом форуме http://colorforum.ru/ (муз.плеер. в шапке стоит)

какой код у этого плеера?

0

Поделиться590Пн, 19 Сен 2011 00:07:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

..Boleyn :glasses: Вот шо Глор шо Вы - я в музыке - как свнья в ананасах - ждите Romych, ну может и rps поможет, хотя бы чисто ссылку кинуть

Отредактировано Deff (Пн, 19 Сен 2011 00:07:42)

0

Поделиться591Пн, 19 Сен 2011 00:56:44

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

Помогите пожалуйста, голова не варит х)
http://stranniki.rolebb.ru/
Нужно вылечить зазор между объявлением и телом форума. Попытки сделать все топором, т.е. переместить все элементы по отдельности, результата, как ни странно, не принесли xD

0

Поделиться592Пн, 19 Сен 2011 01:44:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

Чот там перемудрено ... я - пас

0

Поделиться593Пн, 19 Сен 2011 01:52:31

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

Deff
я себя превзошла, спасибо что посмотрели

0

Поделиться594Пн, 19 Сен 2011 04:36:30

Автор: Jack Ketch
Заслуженный
Зарегистрирован: Вт, 21 Июн 2011
Сообщений: 45
Уважение: +4
Позитив: -2
Последний визит:
Пн, 2 Ноя 2015 20:08:58

Ponita
Здравствуйте! Как я посмотрел вы двигали внутренность объявления а не объявление в целом. В этом и кроется причина ваших проблем. Давайте посмотрим что вы сделали не так:

#pun-announcement .container {
font: 15px "Palatino Linotype";
font-weight: bold;
line-height: 16px;
text-align: justify;
color: #140400!important;
position: relative;
top: -200px;
width: 750px;
}

#pun-status, #pun-status .container {
position: relative;
top: -110px;
border-bottom: none;
margin-bottom: 0;
}

Жирное убираем совсем. Т.е. удаляем строчки насовсем.
Далее что нам нужно добавить, чтобы объявление встало вверх, как изначально, я подозреваю, и было задумано. А добавить в окно стиля(лучше в первое и в самый конец) нужно это:

#pun-announcement {
margin-top: -200px;
}

Наслаждайтесь)

EDIT: красивый дизайн)

Отредактировано Jack Ketch (Пн, 19 Сен 2011 04:37:55)

+1

Поделиться595Пн, 19 Сен 2011 09:51:14

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

Jack Ketch
спасибо большое! Помогло. Всегда на этом попадаюсь.)

0

Поделиться596Пн, 19 Сен 2011 16:00:43

Автор: LostKei
Заслуженный
Зарегистрирован: Ср, 24 Авг 2011
Сообщений: 222
Уважение: +6
Позитив: +30
Пол: Мужской
Последний визит:
Вт, 17 Ноя 2020 04:00:35

Здрасте еще раз...
Может кто подсказать, как добиться системы прокрутки форума, как, например, здесь - http://astagard.mybb.ru/
То-есть чтоб задний фон был не движем, а таблица форума двигалась вверх-вниз.

Наш форум: http://git.rolevaya.net/

0

Поделиться597Пн, 19 Сен 2011 16:37:03

Автор: Kamio
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 165
Уважение: +4
Позитив: +15
Последний визит:
Вт, 12 Авг 2014 16:52:13

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

Пусть консультируюца на дизайн форумах - к примеру - тут > http://forumd.ru/
К сожалению - я не rps - и чтобы сделать теоретическую работу - мне нужно куча времени

и на этом спасибо

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

Здрасте еще раз...
Может кто подсказать, как добиться системы прокрутки форума, как, например, здесь - http://astagard.mybb.ru/
То-есть чтоб задний фон был не движем, а таблица форума двигалась вверх-вниз.
Наш форум: http://git.rolevaya.net/

В админке страница стиля - нижнее окно:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {background-image: url(ссылка на картинку фона);
background-attachment: fixed; background-position: top center;}

Вам нужно изменить ваше значение на то, что выделено красным.

Отредактировано Kamio (Пн, 19 Сен 2011 16:39:13)

+1

Поделиться598Пн, 19 Сен 2011 16:52:34

Автор: LostKei
Заслуженный
Зарегистрирован: Ср, 24 Авг 2011
Сообщений: 222
Уважение: +6
Позитив: +30
Пол: Мужской
Последний визит:
Вт, 17 Ноя 2020 04:00:35

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

0

Поделиться599Пн, 19 Сен 2011 17:58:54

Автор: Kamio
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 165
Уважение: +4
Позитив: +15
Последний визит:
Вт, 12 Авг 2014 16:52:13