укуси меня,
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:40px;
}
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Для новеньких (когда не ясно куда писать) » Вопросы по форуму 9
укуси меня,
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:40px;
}
Leonheart
моя ты сладость, как всегда на помощь приходишь) спасибо большое *:
и еще мини вопрос, центрироание, выделение, все как и в кодах, ничего обычного, да?)
Мм.
такие вопросы.
как сделать большую шапку на весь форум?
и. каким кодом/некодом делаются рамка, обводка, рваные края и тд
пыталась разобраться сама. что-то не получилосьфотошопом владею, если что. Дело только в кодах
Отредактировано Hiyori (2012-05-19 21:04:06)
и. каким кодом/некодом делаются рамка, обводка, рваные края и тд
Где ?
Мм.
такие вопросы.
как сделать большую шапку на весь форум?
Есть два варианта - вклеить Шапку на BODY и форумом отступить от верха на величину шапки
Второй вариант, ставим шапку на
#pun-title table
Прописываем реалные размеры и отступ влево (он необходим при Шапке большей ширины #pun
Ориентировочно - половина величины превышения размера с минусом
Пример:
#pun-title table {
background:url(Ваша ссылка) transparent no-repeat top center;
height:700px;
width:1200px;
margin-left:-200px;
}
Зы - та же Шапка на Body
body{
background:url(Ваша ссылка) transparent no-repeat top center;
padding-top:700px; /*Отступ форума от верха*/
}
(При последнем варианте - высоту #pun-title table делаем минимальной(посколь там теперь ток баннер
Ps: В Варианте с BODY нет горизонтальной прокрутки, в отличие от варианта 1, но при мобильных экранах и оч большой шапке - Шапка плывёт
Deff
в теории я все поняла
на практике ничерта не вышло
просто не отображается
вернее форум не опускается лол
добрый день. собственно я с такой проблемой... нуб в таблице с вкладками.
мне нужно чтобы вкладки были одного цвета и непрозрачные. И как изменить цвет текста в таблице? На светло-серый скажем чтобы было видно на этой картинке его?
вот форум на котором тестирую
центрироание, выделение, все как и в кодах, ничего обычного, да?)
Ага, обычный html...
как изменить цвет текста в таблице?
.tab_content {
padding: 5px;
color: #999;
}
вкладки были одного цвета и непрозрачные
.tab_container1 {
clear: both;
float: left;
width: 700px;
height: 350px;
background-image : url(http: / / uploads.ru/i/W/p/x/WpxLz.png);
background-color: #ffffff;
красным - удалить
#ffffff - на свой цвет
Leonheart
а фон тогда куда вставить? оо
и где искать .tab_content {
padding: 5px;
color: #999;
}
? хх *простите дурака*
Shinichi, вы определитесь
вкладки были одного цвета и непрозрачные
а фон тогда куда вставить?
Фон чего? Кнопок или контейнера?
Leonheart
контейнера
и где искать
В html-верху.
контейнера
А что тогда должно быть не полупрозрачным? ОО
<style> .container1 {width: 100%; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 34px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; padding-top: 4px!important; height: 30px; width: 150px; vertical-align: middle; border: 0px; border-top: 1px solid #808080; border-bottom: 0px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; margin-bottom: -2px; background: url(); overflow: hidden; position: relative; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } ul.tabs li a { text-decoration: none!important; color: #999; /* color: transparent;*/ display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); text-decoration: none!important; border-bottom: 0px solid #808080; border-top: 0px solid #808080; border-left: 0px solid #808080; border-right: 0px solid #808080; } ul.tabs li.active { text-decoration: none!important; background: url(); background-color: #E0DEDE; border-bottom: 0px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; } ul.tabs li.active a:hover { background: url(); text-decoration: none!important; } .tab_container1 { clear: both; float: left; width: 700px; height: 350px; background-image : url(); background-color: #ffffff; border-bottom: 1px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .tab_content { padding: 5px; } </style>
вот мой верх. простите этого там не нахожу тт
объясню на скрине)
сразу бы так
Обновите код стиля:
<style> .container1 {width: 100%; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 34px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; padding-top: 4px!important; height: 30px; width: 150px; vertical-align: middle; border: 0px; border-top: 1px solid #808080; border-bottom: 0px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; margin-bottom: -2px; overflow: hidden; position: relative; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #c0c0c0; } ul.tabs li a { text-decoration: none!important; color: #999; /* color: transparent;*/ display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); text-decoration: none!important; border-bottom: 0px solid #808080; border-top: 0px solid #808080; border-left: 0px solid #808080; border-right: 0px solid #808080; } ul.tabs li.active { text-decoration: none!important; background: url(); background-color: #E0DEDE; border-bottom: 0px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; } ul.tabs li.active a:hover { background: url(); text-decoration: none!important; } .tab_container1 { clear: both; float: left; width: 700px; height: 350px; background-image: url(http://uploads.ru/i/W/p/x/WpxLz.png); background-color: #ffffff; border-bottom: 1px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .tab_content { padding: 5px; color: #999; } </style>
Leonheart
спасибо. а вот эти... цвета... 444, там, 999, как мне узнать какой цвет это?
Shinichi, открываете ФШ, палитру цветов, там выдает код цвета 6-тизначным числом.
444 - то же что и 444444, а 999 - 999999
999 - это светло-серый
444 - темно-серый
и последний вопрос. как сделать так, чтобы вкалдки не сливались, а то активная белым выделена, все остальные серым и сливаются. хотелось бы видеть границу между ними
Shinichi,
допишите синим
ul.tabs li {
float: left;
margin: 0;
margin-right: 2px;
padding: 0;
padding-top: 4px!important;
height: 30px;
width: 150px;
vertical-align: middle;
border: 3px;
Leonheart
спасибо. и проблема возникла.. ставлю в четвертый контейнер все баннеры. а они не отображаются почему то(
Shinichi
код того что ставите киньте. скорее всего незакрытый тег
Shinichi, удалите из третьей вкладки где красным
<center><b>Date:</b> </center><font size="1">
<div align="justify"><font size=1><b></b> <center> 11 июня 2012 года; пятница; 18:00 – 18:30. </center>
<p> <center><b>Weather:</b> </center>
<p> <center> Нью - Йорк: + 20, тепло, безоблачно. </center>
<div style="display: none;" id="tab4" class="tab_content"> <div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;"> <center><!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t19.5;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=15549' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=15549&today_hosts=1&total_hosts=1&cid=2006orange.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=15549&today_hosts=1&total_hosts=1&cid=2006orange.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://top.roleplay.ru/17837" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> <img src="http://img.rpgtop.su/rpgtop2.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href='http://wizardtop.ru/in.php?id=1540' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a> <a href="http://theavengers.rolka.su/" title="The Avengers" target='_blank'><img src='http://uploads.ru/i/1/w/F/1wFXf.gif'> <a href="http://marvelrestart.rusff.me/" title="Marvel: Restart"><img src="http://uploads.ru/i/W/b/K/WbKoJ.gif"></a> <a href="http://xcutioner.rolka.su/" target="_blank"><img src="http://uploads.ru/i/v/J/d/vJd9I.png" border="1" width="88" height="31" title="X-Men: Schism"></a> <a href="http://sleepyhollow.rusff.me/" title="Sleepy Hollow" target='_blank'><img src='http://s2.ipicture.ru/uploads/20120516/8SRc4yAR.gif'> </center> <center><a target="_blank" href="http://romeempire.rusff.me"><img src="http://uploads.ru/i/H/f/m/Hfmbp.gif"alt="ROME: O TEMPORA. O MORES!" width="88" height="31"></a> <a target="_blank" href="http://pjolympus.rusff.me/"><img src="http://savepic.su/1308789.gif"border="1" width="88" height="31"></a> <a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="http://10pix.ru/img1/4601/5609762.gif"></a> <!-- CF&PR BANNER ROTATION --> <a href="http://whitepiar.ru" target="_blank"><img src="http://uploads.ru/i/g/F/l/gFlV4.jpg"></a><script type="text/javascript" src="http://colorforum.ucoz.ru/rtr/2"></script><a href="http://colorforum.ru" target="_blank"><img src="http://uploads.ru/i/y/2/0/y20mK.jpg"></a> <!-- CF&PR BANNER ROTATION --> <a href="http://oldhungergames.rusff.me"> <img src="http://10pix.ru/img1/1448/7298687.gif" title="http://10pix.ru/img1/1448/7298687.gif"> </a> <a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a> <a target="_blank" href="http://talesofhog.rusff.me/"target="_blank"><img src="http://s002.radikal.ru/i199/1107/07/0181aecee539.gif" " Hogwarts: The Tales of Beedle the Bard;="0" width="88" height="31" ></a></center> <center> <a href="http://urchoice.ru/" title="Ты еще не с нами?" target=_blank> <img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a></center> </div></div> </div> </div> <!-- Конец вкладок и их содержимого --> </td> </tr>
вот четвертый контейнер
спасибо) теперь таки все заработало х)
и последнее хД всех достал да. как изменить цвет активной вкладки?
цвет активной вкладки?
ul.tabs li.active {
text-decoration: none!important;
background: url();
background-color: #E0DEDE;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 3px solid #000000;
}
а как сделать видимыми границы в таблице со вкладками?
Shinichi, приводите скриншоты.
Вопросы насчет форума 2 | Архив тем | 2009-01-13 |
Вопросы насчет форума 8 < | Архив тем | 2012-01-22 |
Вопросы насчет форума 9 | Архив тем | 2011-08-24 |
Вопросы насчёт форума 5 < | Архив тем | 2010-06-08 |
Вопросы насчет форума | Архив тем | 2008-05-15 |
Вы здесь » Форум поддержки пользователей ZeroParking » Для новеньких (когда не ясно куда писать) » Вопросы по форуму 9