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="http://forum.mybb.ru/viewtopic.php?id=29294&p=13#p857846">Ссылка 18:35:29</a>
<a class="berlink" rel="nofollow" href="http://forum.mybb.ru/viewtopic.php?id=29294&p=13#p857846">Ссылка 18:35:2955</a>
<a class="berlink" rel="nofollow" href="http://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="http://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="http://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
Не работает