Deff
Спасибо, но, к сожалению, не помогло.
Общие вопросы по заказу таблиц (2)
Сообщений 241 страница 260 из 297
ПеревестиПоделиться241Сб, 14 Фев 2015 22:17:12
ПеревестиПоделиться242Сб, 14 Фев 2015 23:00:12
SamTayJerome
Какой браузер ?
ПеревестиПоделиться243Сб, 14 Фев 2015 23:03:06
SamTayJerome
Какой браузер ?
- С яндекса и хрома такая проблема. Насчет других не знаю.
ПеревестиПоделиться244Сб, 14 Фев 2015 23:28:58
SamTayJerome
Вы табличкой кнопок верх перекрыли. Там дофига править...
Вот костыль добавьте(синим)
.submenutext {
width: 840px;
display: none;
height: 200px;
position:relative;
z-index:1000;
}
ПеревестиПоделиться245Вс, 15 Фев 2015 00:10:43
Deff
Огромное спасибо!)
ПеревестиПоделиться246Сб, 7 Мар 2015 11:53:58

День добрый! Помогите, пожалуйста, решить важный вопрос!
Делаю дизайн, у которого таблица находится в шапке. С коллегой возникли сомнения по поводу того, можно ли так оформить ссылки: без наведения курсора кружки прозрачные, при наведении или клике - они высвечиваются. Буду благодарна, если поможете подобрать к этой таблице-шапке скрипт. Поскольку дизайн существует пока в виде макета, ссылку на тестовик предоставить не могу. Заранее благодарю за ответ!
ПеревестиПоделиться247Сб, 7 Мар 2015 18:35:29
: без наведения курсора кружки прозрачные, при наведении или клике - они высвечиваются.
Не понял, Приведите ссылку на подобное или сделайте эскиз в фш до и после наведения
ПеревестиПоделиться248Сб, 7 Мар 2015 20:16:01
Deff
собственно, на скрине все и показано. Первая ссылка - как должно быть при наведении, последующие - без наведения.
или так:

ПеревестиПоделиться249Сб, 7 Мар 2015 21:53:10
.confessor
У меня не было картинки, вплоть до текущего, попробую сотворить, возможно даже сегодня ночью
ПеревестиПоделиться250Вс, 8 Мар 2015 08:04:40
Deff
я буду Вам очень благодарна!)А в первом моем сообщении там под спойлером скрин всей шапки хддд
ПеревестиПоделиться251Вс, 8 Мар 2015 17:55:30
.confessor
В HTML верх, или в Конец Второго окна без тегов <style> </style>
<style type="text/css">
#link-wrap {
width:300px;
border:red 1px solid!important;/*Убираем после позиционирония блока*/
position:relative;
padding-left:136px;
}
.punbb a.berlink {
text-decoration: none;
font: normal normal 400 12.76px/normal Tahoma;
display:block;
width:123px;
text-align:right;
padding-right:7px;
margin-bottom:7px;
border-style:none none solid none;
border-color:#43566C;
border-bottom: 1px solid;
color: #6A778B;
}
.punbb a.berlink:after {
content: " ";
display:inline-block;
margin-top:6px;
margin-left:7px;
border-radius:50%;
position:absolute;
padding:9px;
border: 1px solid;
}
.punbb a.berlink:before {
content: " ";
display:inline-block;
padding:30px 0;
margin:15px -3px -15px 3px;
width:56px;
-moz-transform: matrix(1, 0, -1.3, 1, 0, 1);
-webkit-transform: matrix(1, 0, -1.3, 1, 0, 1);
-o-transform: matrix(1, 0, -1.3, 1, 0, 1);
-ms-transform: matrix(1, 0, -1.3, 1, 0, 1);
left:37px;
position:absolute;
border:1px;
border-style:none solid solid none;
}.punbb a.berlink:hover,
.punbb a.berlink:hover:before{
color: #86ACCF;/* Цвет ссылки при наведении(если не нужно - убираем)*/
border-color:#86ACCF;
}
.punbb a.berlink:hover:after {
background-color:#86ACCF;
border-color:rgba(106,119,139,.3);
}
</style>Красное убираем после успешного позиционирования блока со ссылками
Сам блок со ссылками, ставим куда нужно:<div id="link-wrap">
<a class="berlink" rel="nofollow" href="https://forum.mybb.ru/viewtopic.php?id=29294&p=13#p857846">Ссылка 18:35:29</a>
<a class="berlink" rel="nofollow" href="https://forum.mybb.ru/viewtopic.php?id=29294&p=13#p857846">Ссылка 18:35:2955</a>
<a class="berlink" rel="nofollow" href="https://forum.mybb.ru/viewtopic.php?id=29294&p=13#p857846">Ссылка 18:35:29</a>
</div>
Скриншот: 
ПеревестиПоделиться252Вс, 8 Мар 2015 18:40:49
Deff
благодарю! Весьма помогли!
Если возникнут вопросы по данной теме, я еще напишу
так что не прощаюсь!
И еще раз спасибо)
ПеревестиПоделиться253Сб, 2 Янв 2016 16:49:09
не актуально
Отредактировано boom (Вс, 3 Янв 2016 01:58:00)
ПеревестиПоделиться254Пн, 18 Янв 2016 17:15:58
Подскажите, как уменьшить ширину отступов между картинками в таблице? http://caelestis.0pk.ru/ вот так выглядит таблица сейчас, а хотелось бы, чтобы пять картинок встали в ряд. Пусть даже с минимальным отсупом.
<style>
/* Базовый контейнер табов */
#pun-announcement .tab_container1 .col {
line-height: 120%;
padding-top: 8px;
width: 31%;
}
#pun-announcement .container {
margin-top: -2px;
}
#pun-announcement .tab_container1 {
margin-bottom: 22px;
margin-top: -6px;
text-align: justify;
}
#tab1 .col:nth-child(2) {
background: rgba(28, 2, 3, 0.3) none repeat scroll 0 0;
height: 246px;
text-align: center;
}
.tabes {
background: rgba(28, 2, 3, 0.3) none repeat scroll 0 0;
margin: 0 auto;
padding: 0;
width: 100%;
}
/* стили секций с содержанием */
.tabes section {
background: rgba(28, 2, 3, 0.3) none repeat scroll 0 0;
display: none;
height: 50px;
margin: 0 10px;
overflow: hidden;
padding: 3px;
}
.tabes input {
display: none;
}
/* стили вкладок (табов) */
.tabes label {
display: inline-block;
text-align: center;
width: 23%;
}
.tabes img {
max-width: 50px;
}
.tabes a {
font-size: 10px;
}
.col h3 {
color: rgba(190, 147, 113, 0.59);
font-weight: bold;
margin: 0 0 3px;
text-align: center;
text-shadow: none;
}
.tabes p {
color: #b09076;
font-size: 10px;
margin: 0;
padding: 0;
text-align: center;
}
/* изменения стиля заголовков вкладок при наведении */
.tabes label:hover {
color: #888;
cursor: pointer;
}
/* стили для активной вкладки */
.tabes input:checked + label img {
border-color: #9E683E;
border-style: double;
border-width: 2px;
box-shadow: 0px -5px 10px #1F0501;
filter: sepia(90%);
opacity: 0.8;
}
/* активация секций с помощью переключателя :checked */
#tabe1:checked ~ #content1,
#tabe2:checked ~ #content2,
#tabe3:checked ~ #content3 {
display: block;
}
.gordost {
margin-top: 5px;
padding-bottom: 5px;
}
.gordost > h3 {
font-weight: bold;
margin-bottom: 3px;
}
.cuzamen > img {
border-radius: 3px;
display: inline-block;
filter: sepia(90%);
max-width: 50px;
opacity: 0.7;
text-align: center;
}
.poqsnqlo {
display: none;
}
.gordost a:hover .poqsnqlo {
background: rgba(126, 94, 77, 0.9) none repeat scroll 0px 0px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
color: #341811;
display: block;
font-weight: normal;
height: auto;
z-index: 1;
padding: 4px;
position: absolute;
margin-left: 8px;
width: 260px;
margin-top: -75px;
border-radius: 5px;
}
.col iframe {
display: inline-block;
vertical-align: top;
width: 46%;
}
.minis {
display: inline-block;
padding: 5px;
text-align: left;
width: 45%;
}
.col > p {
margin: 0;
padding: 0;
}
.midis {
color: #ae8b6f;
font-size: 12px;
height: 240px;
line-height: 140%;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 5px;
text-shadow: none;
}
</style>
<div class="anoncebody">
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<div class="col nano"> Мы рады приветствовать вас в «Доме Забвения»: гостинице-борделе, которая расположена в старинном палаццо четырнадцатого века. Вашему вниманию предоставляются любые услуги интимного характера, мы готовы осуществить ваши самые извращенные желания. Те желания, о воплощении которых вы могли только мечтать, здесь находят свою самую смелую реализацию. О посещении этого места говорить не принято, но воспоминания о нём останутся с вами навсегда.<br>
RPG "Дом Забвения" является авторской игрой и прямого отношения к реальной Венеции не имеет, политическое устройство упрощено до пределов одного города, то есть он является федеральным центром с действующим внутри него политическим устройством.
</div>
<div class="col">
<h3>Администрация</h3>
<div class="tabes" style="word-space: 50px;">
<input id="tabe1" type="radio" name="tabes" checked>
<label for="tabe1" title="Стефан"><img src=http://s018.radikal.ru/i514/1601/f8/1566fce7cc9d.png></label>
<input id="tabe2" type="radio" name="tabes">
<label for="tabe2" title="Лоран"><img src=http://sf.uploads.ru/t/2mJd9.jpg></label>
<input id="tabe3" type="radio" name="tabes">
<label for="tabe3" title="Гаспар"><img src=http://sh.uploads.ru/UuxWz.jpg></label>
<input id="tabe4" type="radio" name="tabes">
<label for="tabe4" title="Майки"><img src=http://s018.radikal.ru/i510/1601/01/1580497781e7.jpg></label>
<input id="tabe5" type="radio" name="tabes">
<label for="tabe5" title="Артур"><img src=http://s43.radikal.ru/i101/1601/fa/e3c207905730.jpg></label>
<section id="content1">
<p>
<a href="http://domzabveniya.ru/profile.php?id=2">Stephan del Sarto </a> <b>rin.mudila@mail.ru</b><br>главный администратор; ответственный за принятие новых игроков
</p>
</section>
<section id="content2">
<p>
<a href="http://domzabveniya.ru/profile.php?id=190">Loran de Sore </a> <b>678928001</b><br>администратор; ответственный за консультации касательно авторского мира Дома Забвения.
</p>
</section>
<section id="content3">
<p>
<a href="http://yaoipir.mybb.ru/profile.php?id=891">Гаспар Тоцци </a> <b>378566176</b><br>администратор; ответственный за проверку анкет и организацию мероприятий.
</p>
</section>
<section id="content4">
<p>
<a href="http://yaoipir.mybb.ru/profile.php?id=1364">Майкаиери Хикс </a> <b>378566176</b><br>модератор; ответственный за рекламу.
</p>
</section>
<section id="content5">
<p>
<a href="http://yaoipir.mybb.ru/profile.php?id=1308">Артур Герц</a> <b>378566176</b><br>модератор; ответственный за организационные вопросы.
</p>
</section>
</div>
<div class ="gordost">
<h3><a href="http://domzabveniya.ru/viewtopic.php?id=2630#p442448">Лучшие игроки 2015 года</a></h3>
<a href="http://domzabveniya.ru/profile.php?id=928" class="cuzamen"><img src="http://s6.uploads.ru/2wGOi.png"><div class="poqsnqlo"><b>Найджел Вамфре</b></div></a>
<a href="http://domzabveniya.ru/profile.php?id=985" class="cuzamen"><img src="http://s020.radikal.ru/i707/1601/fd/5b4ba7a65b6b.jpg"><div class="poqsnqlo"><b>Мвбанга Джеро</b></div></a>
</div>
</div>
<div class="col">
● Система игры: локационно-эпизодическая<br>
● Принимаются только <b>МУЖСКИЕ</b> персонажи.<br>
● Приём андрогинов и трансов строго ограничен.<br>
● Игровое время: 2014 год. <br><br>
Рейтинг игры: NC-21 (18+).
<br>Просим воздержаться от регистрации лиц, не достигших совершеннолетия. <br><br>
Для каждого нового игрока на постоянной основе действует акция <a href="http://domzabveniya.ru/viewtopic.php?id=2393#p369385">Удачный старт!</a> Ждем всех.
</div>
</div>
<div style="display: block;" id="tab2" class="tab_content">
<div class="col">
<div class="midis"><h3>Аромат твоей страсти… Вкус твоего безумия.</h3>
Когда-то, в далеком XVIII веке, Венеция была рассадником похоти и разврата, миром интриг и иллюзий, продажной любви и безграничного рабства... Но эти времена давно канули в небытие.<br>
Венеция, наши дни.<br>
Одно из старинных палаццо было выкуплено богатым аристократом, который решил вернуть в этот мир то, что казалось, было утеряно навеки.<br>
«Дом Забвения», частный клуб для богачей со всего мира, скрывает за своими стенами далеко не такое безобидное местечко, как могло бы показаться на первый взгляд…<br>
«Casa del oblivion» - закрытый клуб для тех, кто готов попробовать поистине новые ощущения.
Готовы ли вы всецело окунуться в мир роскоши, грехопадения и неограниченных возможностей?...
</div>
</div>
<div class="col">
<p>Данные темы помогут новичкам быстро проникнуться духом ролевой, получить представление о подходе к игре и написанию анкеты:</p>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=1383">Поиск по заявкам</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=1332">Как писать анкеты</a>
</div>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=2550">Визуализация</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=834">Полезная информация</a>
</div>
<br><br>
<p> Данные темы будут полезны, как участникам ролевого форума, так и новичкам:</p>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=1793">Вопросы к АМС</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=1940">Отсутствия</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=13">Объявления</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=653">Разбор полётов</a>
</div>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=2388">Готовые сюжеты</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=2456">Закрыть тему</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=2290">Заказ ГМ</a>
<br>● <a href="http://domzabveniya.ru/viewforum.php?id=11">Анкеты</a>
</div>
</div>
<div class="col">
<p>Данные темы помогут лучше разобраться в авторском мире "Дома Забвения" и приступить к созданию персонажа:</p>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=2252">Вакансии</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=448">Сюжет</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=1737">Транспорт</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=1894">Быт</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=441#p60473">Политика</a>
</div>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=4">Правила</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=2295">Старт-анкеты</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=2393">Акции</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=2358">Кто вам нужен?</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=5">Шаблон анкеты</a>
</div>
<p>Если вы успешно прошли принятие, вам следует отметиться в следующих темах:</p>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=2128">Персонажи</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=8">Профиль</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=9">Внешности</a>
</div>
<div class="minis">
● <a href="http://domzabveniya.ru/viewtopic.php?id=440">Заказ аватаров</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=14">Поиск соигрока</a>
<br>● <a href="http://domzabveniya.ru/viewtopic.php?id=809">Опрос</a>
</div>
</div>
</div>
<div style="display: block;" id="tab5" class="tab_content">
<div class="cont"><br><br><br><br><br>
<center><a href="http://lylife.ru/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=7867' 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=7867&cid=counter2007_22.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=7867&cid=counter2007_22.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><!--Rating@Mail.ru counter-->
<script language="javascript" type="text/javascript"><!--
d=document;var a='';a+=';r='+escape(d.referrer);js=10;//--></script>
<script language="javascript1.1" type="text/javascript"><!--
a+=';j='+navigator.javaEnabled();js=11;//--></script>
<script language="javascript1.2" type="text/javascript"><!--
s=screen;a+=';s='+s.width+'*'+s.height;
a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;//--></script>
<script language="javascript1.3" type="text/javascript"><!--
js=13;//--></script><script language="javascript" type="text/javascript"><!--
d.write('<a href="http://top.mail.ru/jump?from=1730340" target="_top">'+
'<img src="http://d7.c6.ba.a1.top.mail.ru/counter?id=1730340;t=224;js='+js+
a+';rand='+Math.random()+'" alt="Рейтинг@Mail.ru" border="0" '+
'height="31" width="88"><\/a>');if(11<js)d.write('<'+'!-- ');//--></script>
<noscript><a target="_top" href="http://top.mail.ru/jump?from=1730340">
<img src="http://d7.c6.ba.a1.top.mail.ru/counter?js=na;id=1730340;t=224"
height="31" width="88" border="0" alt="Рейтинг@Mail.ru"></a></noscript>
<script language="javascript" type="text/javascript"><!--
if(11<js)d.write('--'+'>');//--></script>
<!--// Rating@Mail.ru counter--><a href="http://top.roleplay.ru/7023" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a>
<br>
<a href=http://dnnextlife.rolka.su><img src=http://s011.radikal.ru/i316/1201/0c/e931e0e2117e.gif border="0"alt=: Life width= 88 height= 31></a><a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="https://forumstatic.ru/files/000e/fd/f7/73767.gif" border="0"></a>
<a href="http://str.rolebb.ru/"><img src="http://sd.uploads.ru/ONrEh.gif" ></a> <a href="http://manhattanlife.ru/"><img src="http://s1.uploads.ru/i/B4xRo.gif" title="Manhattan"></a> <a href="http://crossdom.rusff.ru/" target="_blank"><img title="CROSSDOM. место, которое станет тебе домом.." src="http://s9.uploads.ru/03ivT.gif"></a> <a target="_blank" href="http://leprosorium.rusff.ru/"><img src="https://forumstatic.ru/files/0014/b4/92/69714.gif" alt="Leprosorium"/></a> <a target="_blank" href="http://paradiselife.rolka.su/"><img src="http://cs622725.vk.me/v622725492/4056d/oKsp2Q25ONk.jpg" alt="Paradise"/></a> <a href="http://descendants.9bb.ru/" target=_blank><img src="http://sh.uploads.ru/98yFP.jpg"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну"><img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href="http://labyrinth.nc-21.ru" target="_blank"><img src="http://labyrinth.nc-21.ru/files/0016/a7/4c/95128.gif" title="Лабиринт Треи. NC-21. Слеш."></a> <a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://savepic.su/2099127m.gif"></a>
</center>
</div>
</div>
</div>
<div class="ultabs">
<ul class="tabs">
<li id="tabs1" class="active" ><a href="#tab1">Главная</a></li>
<li id="tabs2"><a href="#tab2">О нас</a></li>
<li id="tabs5"><a href="#tab5">Партнеры</a></li>
</ul>
</div>
</div>ПеревестиПоделиться255Пн, 18 Янв 2016 17:32:19
carlson
В приведенном выше коде уберите строку красным
.tabes label {
display: inline-block;
text-align: center;
width: 23%;
}
ПеревестиПоделиться256Вт, 19 Янв 2016 00:35:45
Alex_63
Спасибо)
ПеревестиПоделиться257Сб, 9 Апр 2016 18:07:56
[/spoiler]
Мне очень понравилась идея окна для объявления и новостей, дайте, пожалуйста, и на это код.
Отредактировано Шаолин (Сб, 9 Апр 2016 19:45:55)
ПеревестиПоделиться258Сб, 9 Апр 2016 18:15:05
Мне очень понравилась идея окна для объявления и новостей, дайте, пожалуйста, и на это код.
Эээ... ну вроде как-то так
<div style="width: ШИРИНАОКНАpx; height: ВЫСОТАОКНАpx; overflow: scroll; overflow-x: hidden;">Ваш текст</div>
Вместо scroll поставьте auto, если хотите, чтобы полоса прокрутки появлялась только при достаточном количестве контента
ПеревестиПоделиться259Сб, 9 Апр 2016 18:27:00
Jin Suna
Благодарю.
ПеревестиПоделиться260Сб, 9 Апр 2016 18:33:07
Jin Suna
Не работает
Похожие темы
| Общие вопросы по заказу таблиц (2) | Корзина | Вт, 22 Ноя 2011 |
| Общие вопросы по заказу таблиц | Корзина | Пн, 21 Ноя 2011 |
| Общие вопросы по заказу таблиц 2 | Корзина | Вс, 29 Янв 2012 |
| Общие вопросы по оформлению (33) | Архив | Чт, 14 Июл 2011 |
| Общие вопросы от новичков (2) | Корзина | Пн, 6 Окт 2008 |
