Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по заказу таблиц (2)


Общие вопросы по заказу таблиц (2)

Сообщений 241 страница 260 из 297

241

Deff
Спасибо, но, к сожалению, не помогло.

0

242

SamTayJerome
Какой браузер ?

0

243

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

SamTayJerome
Какой браузер ?

- С яндекса и хрома такая проблема. Насчет других не знаю.

0

244

SamTayJerome
Вы табличкой кнопок верх перекрыли. Там дофига править...
Вот костыль добавьте(синим)

.submenutext {
  width: 840px;
display: none;
height: 200px;
position:relative;
z-index:1000;

}

+1

245

Deff
Огромное спасибо!)

0

246

Скриншот прилагается :)

http://se.uploads.ru/hxWQ6.png

День добрый! Помогите, пожалуйста, решить важный вопрос!
Делаю дизайн, у которого таблица находится в шапке. С коллегой возникли сомнения по поводу того, можно ли так оформить ссылки: без наведения курсора кружки прозрачные, при наведении или клике - они высвечиваются. Буду благодарна, если поможете подобрать к этой таблице-шапке скрипт. Поскольку дизайн существует пока в виде макета, ссылку на тестовик предоставить не могу. Заранее благодарю за ответ!

0

247

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

: без наведения курсора кружки прозрачные, при наведении или клике - они высвечиваются.

Не понял, Приведите ссылку на подобное или сделайте эскиз в фш до и после наведения

0

248

Deff
собственно, на скрине все и показано. Первая ссылка - как должно быть при наведении, последующие - без наведения.

или так:

http://se.uploads.ru/FwZGv.png

0

249

.confessor
:glasses:  У меня не было картинки, вплоть до текущего, попробую сотворить, возможно даже сегодня ночью

0

250

Deff
я буду Вам очень благодарна!)
А в первом моем сообщении там под спойлером скрин всей шапки хддд

0

251

.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>

Скриншот:
http://savepic.su/5289489.jpg

0

252

Deff
благодарю! Весьма помогли!
Если возникнут вопросы по данной теме, я еще напишу :) так что не прощаюсь!
И еще раз спасибо)

0

253

не актуально

Отредактировано boom (Вс, 3 Янв 2016 01:58:00)

0

254

Подскажите, как уменьшить ширину отступов между картинками в таблице? 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>

0

255

carlson
В приведенном выше коде уберите строку красным

.tabes label {
  display: inline-block;
  text-align: center;
  width: 23%;
}

0

256

Alex_63
Спасибо)

0

257

[/spoiler]

На это

--

http://eidren.rolka.su/

Мне очень понравилась идея окна для объявления и новостей, дайте, пожалуйста, и на это код.

Отредактировано Шаолин (Сб, 9 Апр 2016 19:45:55)

0

258

Шаолин написал(а):

Мне очень понравилась идея окна для объявления и новостей, дайте, пожалуйста, и на это код.

Эээ... ну вроде как-то так

<div style="width: ШИРИНАОКНАpx; height: ВЫСОТАОКНАpx; overflow: scroll; overflow-x: hidden;">Ваш текст</div>

Вместо scroll поставьте auto, если хотите, чтобы полоса прокрутки появлялась только при достаточном количестве контента

+1

259

Jin Suna
Благодарю.

0

260

Jin Suna
Не работает

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по заказу таблиц (2)