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

Поделиться581Вт, 26 Июл 2011 03:09:23

Автор: epovn
Заслуженный
Зарегистрирован: Вт, 19 Июл 2011
Сообщений: 64
Уважение: 0
Позитив: 0
Последний визит:
Вт, 4 Окт 2011 16:51:27

Я сделал картинку. В общем если я не указываю ширину форума в процентах - то картинка размножается на всю ширину шапки, как бэкграунд. А когда делаю ширину форума, скажем, 70% - то картинка "урезается" с правой стороны. Этого как-то можно избежать? Или нужно только жесткий размер ширины форума ставить в пикселях, чтоб не было такого косяка с картинкой? Не пойму как у всех эти картинки в шапке не "урезаются" и не "размножаются" , не зависимо от ширины форума.

0

Поделиться582Вт, 26 Июл 2011 03:18:32

Автор: epovn
Заслуженный
Зарегистрирован: Вт, 19 Июл 2011
Сообщений: 64
Уважение: 0
Позитив: 0
Последний визит:
Вт, 4 Окт 2011 16:51:27

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

<img src="Ссылка на картинку" style="width: 100%;margin: 0 0 -20px 0;"/>

его куда нужно вставлять этот код?

0

Поделиться583Вт, 26 Июл 2011 03:20:43

Автор: Розали Звонова
Заслуженный
Зарегистрирован: Вт, 9 Июн 2009
Сообщений: 278
Уважение: +5
Позитив: +32
Последний визит:
Вс, 8 Окт 2017 21:02:26

~~А вот как оказалось не всё.~~
Это информационное табло видно только на главной странице. При открытии темы - ничего нет.

0

Поделиться584Вт, 26 Июл 2011 03:24:23

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

Розали Звонова :glasses: А оно там нужно ?? дайте ссыль на фор -я поправлю скрипт

Отредактировано Deff (Вт, 26 Июл 2011 03:24:40)

0

Поделиться585Вт, 26 Июл 2011 03:25:06

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

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

его куда нужно вставлять этот код?

В начало HTML верх

0

Поделиться586Вт, 26 Июл 2011 03:25:24

Автор: Розали Звонова
Заслуженный
Зарегистрирован: Вт, 9 Июн 2009
Сообщений: 278
Уважение: +5
Позитив: +32
Последний визит:
Вс, 8 Окт 2017 21:02:26

Deff
http://dirty3test.rusff.info/
даже очень нужно.

0

Поделиться587Вт, 26 Июл 2011 03:30:31

Автор: epovn
Заслуженный
Зарегистрирован: Вт, 19 Июл 2011
Сообщений: 64
Уважение: 0
Позитив: 0
Последний визит:
Вт, 4 Окт 2011 16:51:27

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

В начало HTML верх

Работает. Спасибо

0

Поделиться588Вт, 26 Июл 2011 03:31:11

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

Розали Звонова

Код:

<div id=Inf_block_Left style="display:none">
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2><div style="font-size: 18px; font-family:Century Gothic; text-align:center;"><b>• ПОЛЕЗНЫЕ ССЫЛКИ</b></div> </h2>
<style> 
.nav {margin: 3px;}
.nav a{display: block; background-color: #43352d; color: #d9d9e3!important; text-align: center; width:160px; padding: 3px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d9d9e3; color: #43352d!important;}
</style> 
<div class="nav"> <br/>
<center><a href="http://dirty3.rolebb.com/viewtopic.php?id=77">• F.A.Q.</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=5">• правила</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=4">• сюжет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=1">• гостевая</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=8">• шаблон анкет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=3">• положение людей</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=2">• внешности</a></center>
</div>
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<div id=Inf_block_Right style="display:none">
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<style type="text/css">
#NEWS #LeftNews {
display:block;
top: 0;
width: 180px;
position:absolute;
margin-left: -205px;
}
#NEWS #RightNews {
top:0;
display:block;
width: 180px;
position:absolute;
margin-left: -9px;
}
#M-center{
width: 730px!important;
}
#NEWS #LeftNews,
#NEWS #RightNews {
background-color:#A5A5AA;
}
</style>
<script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=140 valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=140 valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
  if(LeftSUM!='' || RightSUM!=''){	$("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td id=M-center>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };
</script>

0

Поделиться589Вт, 26 Июл 2011 03:46:24

Автор: Розали Звонова
Заслуженный
Зарегистрирован: Вт, 9 Июн 2009
Сообщений: 278
Уважение: +5
Позитив: +32
Последний визит:
Вс, 8 Окт 2017 21:02:26

Deff
Отлично! премного благодарна

0

Поделиться590Вт, 26 Июл 2011 04:26:45

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

Розали Звонова Ни наю - зачем вы правите ( или не доставляете мои коды

Скриншот с Вашими поправками http://savepic.net/1643252.png

(*ксать меню навигации - криво в Мозилле и без скрипта

Отредактировано Deff (Вт, 26 Июл 2011 04:30:30)

0

Поделиться591Вт, 26 Июл 2011 10:37:39

Автор: Активистка (3 уровня)
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 298
Уважение: -4
Позитив: +9
Пол: Женский
Предупреждения: 3)
Последний визит:
Пн, 25 Мар 2013 01:38:48

rps
спасибо

0

Поделиться592Вт, 26 Июл 2011 11:54:29

Автор: Invisible Man
Заслуженный
Зарегистрирован: Пн, 5 Апр 2010
Сообщений: 914
Уважение: -3
Позитив: +73
Пол: Мужской
Последний визит:
Вс, 11 Дек 2011 07:08:34

rps ты у нас знаток в css помоги поставить вот такое меню навигации (скрин1*) вместо стандартного не прибегая к скриптам.
Полный уже настроенный код css под свой дизайн

Код:

#appleNav {
    margin:40px 0; list-style:none;
 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    
    text-shadow: 0 -1px 3px #202020;
    width:980px; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
}
 
#appleNav li {
    display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:105px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;
 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Если не поддерживается CSS3 */
}
 
#appleNav li:not(:last-child):hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}
 
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}
 
#appleNav li a {
    color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }
 
#appleNav form input {
    width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;
 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
 
    background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}
 
#appleNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;
}
 
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}
 
#appleNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;
    
        width:124px;
}
 
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}
 
#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}

И к нему идет вот такой блок

Код:

<div id="wrapper">  
    <div id="content"> 

        <nav> 
            <ul id="appleNav"> 
                <li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li> 
                <li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li> 
                <li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li> 
                <li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>  
                <li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li> 
                <li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li> 
                <li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
                <li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
                <li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
                <li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
            </ul> 
        </nav> 
</div>

тест-форум где стоит.

Как обойтись без этого блока а сразу через css все это дело встроить?

0

Поделиться593Вт, 26 Июл 2011 12:18:25

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

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

Как обойтись без этого блока а сразу через css все это дело встроить?

:glasses:

Код:

<style>
#appleNav {
    margin:20px 0 100px 0; list-style:none;
 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    
    text-shadow: 0 -1px 3px #202020;
    width:952px; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
}
 
#appleNav li {
    display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:90px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;
 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Если не поддерживается CSS3 */
}
 
#appleNav li:not(:last-child):hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}
 
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}
 
#appleNav li a {
    color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }
 
#appleNav form input {
    width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;
 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
 
    background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Если не поддерживается CSS3 */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}
 
#appleNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;
}
 
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}
 
#appleNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;
    
        width:124px;
}
 
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}
 
#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}
</style>
<div id="html-header">
	<div id="wrapper">  
    <div id="content"> 

        <nav> 
            <ul id="appleNav"> 
                <li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li> 
                <li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li> 
                <li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li> 
                <li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>  
                <li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li> 
                <li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li> 
                <li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
                <li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
                <li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
                <li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
            </ul> 
        </nav> 
</div>

0

Поделиться594Вт, 26 Июл 2011 12:32:32

Автор: Invisible Man
Заслуженный
Зарегистрирован: Пн, 5 Апр 2010
Сообщений: 914
Уважение: -3
Позитив: +73
Пол: Мужской
Последний визит:
Вс, 11 Дек 2011 07:08:34

Deff :glasses:

Ты издеваешься что ли на до мной?

0

Поделиться595Вт, 26 Июл 2011 12:39:36

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

Invisible Man чо - сss отделить не сможешь - или чо ?

И к нему идет вот такой блок

Без данного блока

<div id="wrapper">
<div id="content">

<nav>
<ul id="appleNav">
<li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li>
<li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li>
<li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li>
<li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>
<li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li>
<li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li>
<li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
<li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
<li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
<li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
</ul>
</nav>
</div>

одной css ничо не сделаешь - мон скриптом - если хошь

могу засандалить код во второе (*- ежели перенесешь и сложишь второе окно css с первым

Отредактировано Deff (Вт, 26 Июл 2011 12:47:27)

0

Поделиться596Вт, 26 Июл 2011 12:44:48

Автор: Invisible Man
Заслуженный
Зарегистрирован: Пн, 5 Апр 2010
Сообщений: 914
Уважение: -3
Позитив: +73
Пол: Мужской
Последний визит:
Вс, 11 Дек 2011 07:08:34

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

Invisible Man чо - сss отделить не сможешь - или чо ?

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

Как обойтись без этого блока а сразу через css все это дело встроить?

Мне не нужно 2 блока меню навигации а при твоем раскладе их получатся 2, стандартное и мое и к тому же не чего не поменялось в моем меню все тоже самое.

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