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

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

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

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

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

Страница:   1 2 3 4 5 6 … 15  

Сообщений 61 страница 80 из 297

61

  • Автор: bumblebee
  • Стремящийся
  • Зарегистрирован: Сб, 10 Мар 2012
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 14 Мар 2012 22:36:18

и снова с той же проблемой))
http://californication.rolbb.ru/
помогите пожалуйста исправить ошибку в коде. при наведении на картинку, остальные "скачут".

0

62

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

bumblebee Пробуйте поменять

<style type="text/css">

img {
     border: none;
}

#menuwrapper{
     left: 5%;
     position: relative;
     height: 60px;
}

#menu{
     position: absolute;
     bottom: 0px;
     left: 0px;
}

.menuitem:hover {
     position: relative;margin:0 -20px;
     bottom: 0px;
     display: inline-block!important;
}

</style>

0

63

  • Автор: bumblebee
  • Стремящийся
  • Зарегистрирован: Сб, 10 Мар 2012
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 14 Мар 2012 22:36:18

Deff
работает)) спасибо)

0

64

  • Автор: Revokka
  • Заслуженный
  • Зарегистрирован: Вт, 19 Июл 2011
  • Сообщений: 54
  • Уважение: 0
  • Позитив: +4
  • Последний визит:
    Чт, 15 Мар 2012 18:18:31

Rion Leonheart
С каким багом? О.о
Вроде как все нормально. Нужна только таблица.
Ссылка

0

65

  • Автор: Leonheart
  • Заслуженный
  • Leonheart
  • Зарегистрирован: Пн, 8 Авг 2011
  • Сообщений: 1664
  • Уважение: +408
  • Позитив: +189
  • Пол: Мужской
  • Последний визит:
    Пн, 14 Янв 2019 12:47:55
Revokka написал(а):

С каким багом? О.о

:D Я тву поражаюсь, когда у тебя навигационную панель перекрыло  :D код тот же, просто немного измененный.

1) сохраняешь кусок стиля в html-верху и код объявления куда-нить на комп себе в блокнотик
2) обновляешь тока стиль таблицы, который стоит в html-верху, на это:

Код:
<style>
#menu {
margin-top: 0px;
width: 190px;}

#menu span {
font-size: 16px;
text-align: center;
display: block;
margin: 23px 0;
padding: 12px;}

#submenu, #menu span {
    margin:10px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: transparent url(http://uploads.ru/i/I/c/z/IczmM.png) repeat;}

#menu .tabactive {
color: #2662DF;}

#submenu {
padding: 2px;
text-align: center;
font-size: 12px;
width: 600px;
}

.submenutext {
display: none;
overflow-y:auto;
height: 250px;}
</style>

И объявление тож обновляешь:

Код:
<style>
.tble
{
width: 98%; 
height: 400px;
background: url(http://s017.radikal.ru/i411/1202/9d/16de33c8e8ae.jpg) center;
}
</style>
<center><table class="tble" border="0" cellspacing="0" cellpadding="0">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br />

Контент 2-й кнопки

</div>
     <div id="sm3" class="submenutext"><br />

Контент 3-й кнопки

</div>
     <div id="sm4" class="submenutext"><br />

Контент 4-й кнопки

</div>
     <div id="sm5" class="submenutext"><br />

Контент 5-й кнопки

</div>

</div>

<table style="width: 96%; height: 120px; margin-top: 3px; text-align: center;" border="0" cellpadding="0" cellspacing="2">
<tr height="10"><td>

<b>Партнеры</b>

</td></tr>
<tr height="110"><td align="center">

Баннеры

</td></tr>
</table>

   </td>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">1</span>
<span alt="#sm2" style="cursor: pointer;">2</span>
<span alt="#sm3" style="cursor: pointer;">3</span>
<span alt="#sm4" style="cursor: pointer;">4</span>
<span alt="#sm5" style="cursor: pointer;">5</span>
           </b>
    </div>
   </td>
</tr>
 </tbody>
</table></center>

Отредактировано Rion Leonheart (Пн, 12 Мар 2012 00:46:09)

+1

66

  • Автор: Revokka
  • Заслуженный
  • Зарегистрирован: Вт, 19 Июл 2011
  • Сообщений: 54
  • Уважение: 0
  • Позитив: +4
  • Последний визит:
    Чт, 15 Мар 2012 18:18:31

Rion Leonheart
Ой, да, была проблема. :blush:  Но Deff-умница, все исправил. Спасибо ему большое.
Таблица вроде как встала, все в норме. Кроме величины картинки. Но это поправимо)) Спасибо.

0

67

  • Автор: Акина
  • Заслуженный
  • Акина
  • Зарегистрирован: Чт, 10 Сен 2009
  • Сообщений: 211
  • Уважение: +6
  • Позитив: +12
  • Пол: Женский
  • Последний визит:
    Чт, 21 Июн 2012 19:44:42
Rion Leonheart написал(а):

Актуально?

Гоменасай Извините за длительное отсутствие. Проблема актуальна.

Форум

С таблицей проблема. Разобраться своими силами не удалось. Можете отредактировать?
Таблица в "активные пользователи" съезжает

http://s006.radikal.ru/i214/1203/1a/cd7bc99522eat.jpg

Код:
<table width="100%" border="0">
<tr align="center" >
<td>

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Новости.</a></li>
    <li><a href="#tab2">Ссылки.</a></li>
    <li><a href="#tab3">Администрация.</a></li>
      <li><a href="#tab4">Погода.</a></li>
    <li><a href="#tab5">Пиар и партнеры.</a></li>

</ul>

      <div class="tab_container1">


<div style="display: none;" id="tab1" class="tab_content">
<table>
<tr>
<td width="45%">
<font size="3"> <b><i>Новости форума:</b></i></font>
</td>
<td width="45%">
<font size="3"> <b><i>Новости в игре:</b></i></font>
</td>
</tr>
<tr>
<td align="left">
<br><br>
Слегка опоздали с новостью: сменился дизайн. У нас их два: зеленый спокойный и яркий персиковый; последний главным образом для тех, у кого малая яркость в мониторе. Переключать стили можно по кнопочкам сверху слева.
<br><br>
Почищены профили не выходивших на связь игроков и зарегистрировавшихся впустую.
<br><br>
Оформлена карта сайта и F.a.q. Вынесены ссылки с кратким описанием того, о чем говорится в той или иной теме; оформлены ответы на часто задаваемые вопросы.  <a href="http://ks.rolka.su/viewtopic.php?id=135">Ознакомиться.</a>
<br><br> 
Время в локациях "Мир Хирошин" вскорости будет переведено на "утро", миновав большинство часов ночного времени суток. Советом укрыться на ночлег пренебрегать не стоит. 
<br> Удачной игры~
</td>
<td  align="left">
<br><br>
Семья Сауреллинов решила купить небольшой двухэтажный коттедж, находящийся довольно далеко от основных дорог. Кто же полагал, что на задворках прилегающего сада скрыт от людских глаз проекция Колодца в мир Х? Наверное, только Белая ладонь, призрак деревьев, которая охраняет мир Хирошин с людской стороны. Проклянет ли дух новую семью?
<br><br>
Переместившись с помощью артефакта на границу между оборотнями и диклониусами волчица Аико и феникс Арата начали валять дурака и рассердили по меньшей мере Воду и Огня. Ожидает ли их трепка или все обойдется?
<br><br>
В священной для всех диклониусов роще Люции встретились два представителя рогатых: полукровка Малина и чистокровная Аика. В данный момент Ягодка обучает свою новую знакомую манерам и этикету.
<br><br>
На улицах в столице Оборотней Василиса и Кокоро повстречали Сандру, которая наглым образом подглядела за "их радио" и предложила свою помощь. Коко вроде "за", но Василиса против совершенно. Во что выльется их маленький конфликт интересов?
</td>
</tr>
</table>
</div>

<div style="display: block;" id="tab2" class="tab_content">
<table width=100%>
<tr align="left" >
<td width=33%><font size="3"> <b><i>Гостям:</b></i></font>
</td>
<td width=33%><font size="3"><b><i>О Мире:</b></i></font>
</td>
<td width=33%><font size="3"><b><i>Пользователям:</b></i></font>
</td>
</tr>
<tr align="left" >
<td><a href="http://ks.rolka.su/viewtopic.php?id=2#p2">Гостевая.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=53">Правила.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=8#p8">О мире.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=3">Оборотни.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=4">Диклониусы.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=5">Фениксы.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=23">Нужные персонажи.</a>
<br>
</td>
<td>
<a href="http://ks.rolka.su/viewtopic.php?id=6">Колодцы.</a>
<br>  <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=89">Гайд для людей.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=7">Власть.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=28#p33">География.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=19">Денежная система.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=20#p22">Карточки.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=21#p24">Список ролей ака иерархия.</a>
<br> 
 <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=81">Бестиарий.</a>
<br>
</td>
<td>
<a href="http://ks.rolka.su/viewtopic.php?id=18">Шаблон анкет для людей.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=17#p17">Шаблон анкет для жителей.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=12">Сменить статус.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=13">Уход/Отсутствие.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=14">Вопросы.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=58">Занятые внешности.</a>
<br> <br>
<a href="http://ks.rolka.su/viewtopic.php?id=16">Поиск со-игрока.</a>
<br><br> 
<a href="http://ks.rolka.su/viewtopic.php?id=70">Акция №2. Просто люди.</a>
<br>
</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab3" class="tab_content">
<table width=100%>
<tr align="center" >
<td width=50%></td>
<td width=50%></td>
</tr>
<tr align="center" >
<td><font size="3"><b><i>Администрация:</b></i></font> 
</td>
<td><font size="3"> <b><i>Модерация:</b></i></font>
</td>
</tr>
<tr align="center" >
<td><i><font size="2">Ру-сан.</font>
<br><br> 
Создатель ролевой, содержания и дизайна. Добрая и веселая. Главный разгребатель форума.
</i>
<br>
<a href="http://ks.rolka.su/messages.php?action=new&uid=2">Отправить ЛС.</a>
<br>
<br><br>
<i><font size="2">Риока</font>
<br><br> 
Лапочка, пока не разозлить.
</i>
<br>
<a href="http://ks.rolka.su/messages.php?action=new&uid=4">Отправить ЛС.</a>
<br>
</td>
<td>Пока таких нет.
</td>
</tr>
</table>
</div>

<div style="display: block;" id="tab4" class="tab_content">
<table width=100%>
<tr align="center" >
<td colspan="3">
<font size="3"> <b><i>Погода:</b></i></font>
</td>
</tr>
<tr align="center" >
<td  width="33%">
<br><br>
<i>Токио:</i>
<br><br>
<img src="http://s017.radikal.ru/i419/1112/e5/aea69f088c87.png"width="50" height="50">
<br>
Переменная облачность, осадки не ожидаются. На дворе конец мая.
</td>
<td width="33%">
<br><br>
<i>Материк Норферт:</i>
<br><br>
<img src="http://s017.radikal.ru/i401/1112/48/5235c88f1b24.png"width="50" height="50">
<br>
На севере вот-вот разразится гроза: всем, находящимся в поясе гор, советуется найти укрытие.
<br>
<img src="http://s015.radikal.ru/i331/1112/e2/10b7f65fc3ea.png"width="50" height="50">
<br>
На западе и востоке пройдет небольшой дождь.
<br>
<img src="http://s017.radikal.ru/i411/1112/67/f42e8ed06081.png"width="50" height="50">
<br>
На юге без осадков, солнечно.
<br><br>
</td>
<td width="33%">
<i>Материк Солферт:</i>
<br><br>
<img src="http://s017.radikal.ru/i411/1112/67/f42e8ed06081.png"width="50" height="50">
<br>
У оборотней солнце, осадков не ожидается.
<br>
<img src="http://s017.radikal.ru/i410/1112/68/4e50047d8309.png"width="50" height="50">
<br>
У диклониусов легкие облака с восточной части - соседний материк поделился, на южное побережье надвигается легкий шторм. На остальных землях солнечно.
<br><br>
</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<font size="3"> <b><i>Реклама:</b></i></font>
<br> <br> 
<a href="http://ks.rolka.su/login.php">Муха</a>, 12345
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=35">Наша реклама.</a>
<br> <br> 
<a href="http://ks.rolka.su/viewtopic.php?id=128">Ваша реклама.</a>
<br> 
<br>
<a href="http://ks.rolka.su/viewtopic.php?id=57">Баннерообмен.</a>
<br> <br> 
<br>
<font size="3"><b><i>Партнеры:</b></i></font>
<br> <br>
<a target="_blank" href="http://ivalise.mybb.ru/"><img src="http://s56.radikal.ru/i154/1108/57/aceb21b8df52.png" ></a>
<a href="http://tank.mybb.ru" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" title="Ролевой Каталог 'ТАНКЪ'" border="0"></a>
<a href="http://secretsisters.rolka.su/"><img src="http://i070.radikal.ru/1006/14/664d5bd28bb4.gif" alt="Sailor Moon: Тайна трех сестер" border="0"></a>
<a href="http://hostodelia.anihub.ru/" target="_blank" ><img src="http://i.pixs.ru/storage/2/7/6/Moyfilmgif_2559078_2614276.gif" border="0" alt="как война" /></a>
<a target="_blank" href="http://frameho.spybb.ru/"><img src="http://forumupload.ru/uploads/000e/ff/a5/75-1.jpg"></a>
<a href="http://kingdomxxi.anihub.ru/" target="_blank" title="Кагами - утрата грехов!"><img src="http://www.imageup.ru/img193/bez-imeni-7825212.gif" width="88" height="31" border="1" alt="Kagami" /></a>
<br>
<a href="http://crossourlife.mybb.ru/"><img src="http://www.imageup.ru/img75/1741261.png"></a>
<a target="_blank" href="http://daughterofevil.rolka.su/"><img src="http://www.10pix.ru/img1/398312/4672394.gif" ></a>
<a target="_blank" href="http://premieres.rusff.ru/"><img src="http://i.imgur.com/tGJjL.gif" ></a>
<a href="http://narutoeternalwar.onaruto.ru/"target="_blank">
<img src="http://s48.radikal.ru/i120/1108/a9/8f1f241c08fb.jpg" ></a>
<a href='http://authorsworld.f-rpg.ru' title='The author's world'><img src='http://s1.hostingkartinok.com/uploads/images/2012/01/146b58089d0139ce3c1ab9c2d811d4b9.jpg' /></a>
<a href="http://allornothing.rolka.su"target=__blank><img border=0 src="http://uploads.ru/i/x/E/c/xEchn.png"></a>
<br>
<a href="http://uwr.f-rpg.ru/" target=_blank><img src="http://uploads.ru/i/E/d/U/EdUCi.gif" ></a>
<a href="http://artillusions.rusff.ru" Target="_blank"><img src="http://s58.radikal.ru/i160/1201/0d/087e6a82463d.png" border="0" alt="Art Illusions"></a>
<a href="http://newthreat.anihub.ru/"target=__blank><img border=0 src="http://radikal.ua/data/upload/4fa6c/4efc3/accfccf930.png"></a>
<a href="http://narutonewlegendofworld.rolka.su/"target=__blank><img border=0 src="http://s017.radikal.ru/i432/1202/5a/302a4d5e1228.png"></a>
<a href="http://zai.mybb.ru/"><img src="http://imgs.su/tmp/1312472262-594.jpg" width="88" height="31"></a>
<a href="http://halodesigns.artbb.ru/"><img src="http://uploads.ru/i/k/r/x/krxUL.gif" width="88" height="31"></a>
 
</div>
      </div>
    </div>
</div>
</td>
</tr>
</table>
<table>
<tr align="center" >
<td>
<font size="3"> <b><i>Счетчики:</b></i></font>
<br><br>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13489' 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=13489&today_hits=1&today_hosts=1&total_hosts=1&cid=gray.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=13489&today_hits=1&today_hosts=1&total_hosts=1&cid=gray.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>

<a href="http://top.roleplay.ru/16495" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a target="_blank" href="http://authorsworld.f-rpg.ru/pages/top"><img src="http://uploads.ru/i/g/O/B/gOBLW.jpg" ></a>
</td>
</tr>
</table>

0

68

  • Автор: Leonheart
  • Заслуженный
  • Leonheart
  • Зарегистрирован: Пн, 8 Авг 2011
  • Сообщений: 1664
  • Уважение: +408
  • Позитив: +189
  • Пол: Мужской
  • Последний визит:
    Пн, 14 Янв 2019 12:47:55

Акина, я так понял, не в таблице дело - а вот в этом скрипте:

<script type="text/javascript">
if (document.URL.indexOf("online.php") != -1) {
h = document.body;
h.innerHTML = h.innerHTML.replace(/Смотрит список активных пользователей/mg, "Cмотрит, кто где обитает");
h.innerHTML = h.innerHTML.replace(/Читает тему/mg, "Бегает по местам");
h.innerHTML = h.innerHTML.replace(/На главной странице форума/mg, "Ходит просто так");
h.innerHTML = h.innerHTML.replace(/В форуме/mg, "Ходит в окрестностях");
h.innerHTML = h.innerHTML.replace(/Читает личные сообщения/mg, "Ловит почтовых голубей");
}
</script>

У мну читает только Хром как у вас... у вас же Гугл Хром.

В Опере на этой странице форум зависает просто.

Deff'аа,  :flag:

Отредактировано Rion Leonheart (Чт, 15 Мар 2012 00:37:28)

0

69

  • Автор: eden
  • Заслуженный
  • eden
  • Зарегистрирован: Пт, 9 Мар 2012
  • Сообщений: 16
  • Уважение: 0
  • Позитив: +1
  • Последний визит:
    Сб, 20 Окт 2012 13:37:37

Доброго времени суток.
Подскажите пожалуйста как сделать картинки здесь кликабельными?

Код:
</table>
</div>
<div class="slide">
<table style="width: 100%; height: 100%;" border="0" cellpadding="4" cellspacing="0">
<tr>
<td style="width: 33%;" align="center" valign="top">
<img src="http://s019.radikal.ru/i604/1203/b8/68a9d533d66a.png">
<br/><br/>
<img style="width: 67px; height: 67px;" src="аватар"> 
<img style="width: 67px; height: 67px;" src="аватар">
<br/>
<img style="width: 67px; height: 67px;" scr=аватар"> 
<img style="width: 67px; height: 67px;" src=аватар">

</td>
<td style="width: 33%;" align="center" valign="top">

Создатели форума:
<a href="http://lavehorse.mybb.ru/profile.php?id=362">Поднебесная</a>, <a href="http://lavehorse.mybb.ru/profile.php?id=33">Эскорт</a>, <a href="http://lavehorse.mybb.ru/profile.php?id=261">Эрлика</a>.

Дизайнеры форума:
 <a href="http://lavehorse.mybb.ru/profile.php?id=346">Sing De Over</a>,
 <a href="http://lavehorse.mybb.ru/profile.php?id=670">Ruffian</a>,
 <a href="http://lavehorse.mybb.ru/profile.php?id=501">Baileys</a>,
 <a href="http://lavehorse.mybb.ru/profile.php?id=688">Keepsake</a>.


</td>
<td style="width: 33%;" align="center" valign="top">
<img src="http://s019.radikal.ru/i619/1203/87/7f7c1781c301.png">
<br/><br/>
<img style="width: 67px; height: 67px;" src="аватар">
<img style="width: 67px; height: 67px;" src="аватар">
<br/>
<img style="width: 67px; height: 67px;" src="аватар"> 
<img style="width: 67px; height: 67px;" src="аватар">

</td>
</tr>
</table>

Тут только кусок кода, где содержатся эти картинки.

0

70

  • Автор: HelloKitti
  • Заслуженный
  • HelloKitti
  • Зарегистрирован: Вс, 3 Июл 2011
  • Сообщений: 39
  • Уважение: -1
  • Позитив: +4
  • Пол: Женский
  • Последний визит:
    Вт, 25 Июн 2013 13:17:52

Deff
Я бы еще хотела узнать такую вещь... Есть ли возможность создания горизонтального аккордеона на mybb?
К сожалению, нашла только на jQuery: http://www.rudebox.org.ua/rotator-slide … y-rudebox/

0

71

  • Автор: Leonheart
  • Заслуженный
  • Leonheart
  • Зарегистрирован: Пн, 8 Авг 2011
  • Сообщений: 1664
  • Уважение: +408
  • Позитив: +189
  • Пол: Мужской
  • Последний визит:
    Пн, 14 Янв 2019 12:47:55
eden написал(а):

как сделать картинки здесь кликабельными?

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

<a href="ссылка на профиль"><img style="width: 67px; height: 67px;" src="аватар"></a>

0

72

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23
HelloKitti написал(а):

Я бы еще хотела узнать такую вещь... Есть ли возможность создания горизонтального аккордеона на mybb?

Так - пойдёт ?

Код:
<!--Горизонтальное с раздвижкой НАЧАЛО-->
<center><div style="min-height:270px!important;width:430px;padding:20px;border:#D3D3D3 4px ridge">
<style>
.cont_ainsOO{float:left!important;width:270px;display:none;height:270px!important;overflow:auto;
background-color:#525252;color:#F3FFFF;margin:0 -1px;opacity:1!important;
}
div.but_tonOO{border:#898383 2px solid;padding:0;word-wrap:break-word;letter-spacing:6px;float:left;height:270px!important;width:30px!important;cursor:pointer;background:#CDCDCD url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;}
div.Active.but_tonOO{background-color:#F1F1F1;}
</style>
<div  style="border:#D3D3D3 2px ridge;background-color:#000;">

<div class="but_tonOO Active"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO"  style="display:block">
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">
...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />
</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">
...Тут контент3
...Тут контент3
</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
</div>
<script>
 $(".but_tonOO").click(function () {
      if($(this).next().css("display")!="block"){
      $(".but_tonOO").removeClass("Active");
      $(this).addClass("Active")
      $(".cont_ainsOO").hide('slow');          //Свёртываем все предыдущие;
      $(this).next(".cont_ainsOO").toggle('slow');
      }
    });
</script>
</div></div></center>

<!--Горизонтальное с раздвижкой КОНЕЦ-->

Пишим буквы в названиях кнопки с пробелами - пробелы - двумя пробелами - отступ названий от верха делаете тегом <br />

Всегда изначальн ставят авторский скрипт и смотрят - не нун менять всё и сразу!

И ссылку на пробы - возможно стиль вносит еще своё

Отредактировано Deff (Чт, 15 Мар 2012 13:41:50)

+2

73

  • Автор: HelloKitti
  • Заслуженный
  • HelloKitti
  • Зарегистрирован: Вс, 3 Июл 2011
  • Сообщений: 39
  • Уважение: -1
  • Позитив: +4
  • Пол: Женский
  • Последний визит:
    Вт, 25 Июн 2013 13:17:52

Deff
Все хорошо! Вот только названия... они у меня странно расположены... Нельзя их выставить во всю длину кнопки, как там?
http://uploads.ru/t/h/f/b/hfbzL.png

0

74

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

HelloKittiПишите буквы с пробелами - пробелы - двумя пробелами - отступ названий от верха делаете тегом <br />

Всегда изначальн ставят авторский скрипт и смотрят - не нун менять всё и сразу!

И ссылку на пробы - возможно стиль вносит еще своё

Отредактировано Deff (Чт, 15 Мар 2012 13:09:59)

0

75

  • Автор: HelloKitti
  • Заслуженный
  • HelloKitti
  • Зарегистрирован: Вс, 3 Июл 2011
  • Сообщений: 39
  • Уважение: -1
  • Позитив: +4
  • Пол: Женский
  • Последний визит:
    Вт, 25 Июн 2013 13:17:52

Deff
Спасибо! Я поиграюсь с названиями!

0

76

  • Автор: Leonheart
  • Заслуженный
  • Leonheart
  • Зарегистрирован: Пн, 8 Авг 2011
  • Сообщений: 1664
  • Уважение: +408
  • Позитив: +189
  • Пол: Мужской
  • Последний визит:
    Пн, 14 Янв 2019 12:47:55

Deff,  :flag: п.п. 67, 68 этой темы  :question:

0

77

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

Акина
Попробуйте заменить код стиля для таблицы

Код:
<style>
.container1 {width: 780px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float:  left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
     border: 0px;
border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
        border-right: 1px dashed #000000;
        border-left: 1px dashed #000000;
    margin-bottom: -2px;
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color:#000;;
    display: block;
    padding: 0 5px;
    outline: none;
}

ul.tabs li a:hover {
    border-bottom: 0px solid #000033;
        border-top: 0px solid #000033;    
        border-left: 0px solid #000033;    
        border-right: 0px solid #000033;  
}    

html ul.tabs li.active  {  
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 745px;
    height: 387px;
    overflow-y:auto; 
   border: 0px none #fff;
}

.tab_content {
    padding: 5px;
}
.tab_content h2 span{
 color:#000;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

0

78

  • Автор: eden
  • Заслуженный
  • eden
  • Зарегистрирован: Пт, 9 Мар 2012
  • Сообщений: 16
  • Уважение: 0
  • Позитив: +1
  • Последний визит:
    Сб, 20 Окт 2012 13:37:37
Rion Leonheart написал(а):

<a href="ссылка на профиль"><img style="width: 67px; height: 67px;" src="аватар"></a>

Спасибо большое, все так просто было (х

0

79

  • Автор: ..Boleyn
  • Заслуженный
  • ..Boleyn
  • Зарегистрирован: Ср, 19 Янв 2011
  • Сообщений: 410
  • Уважение: +27
  • Позитив: +118
  • Последний визит:
    Чт, 10 Июн 2021 19:21:50

скажите, что тут может быть не верно?
(залазит на шапку)
http://probnik4hogwarts.mybb.ru/

0

80

  • Автор: Leonheart
  • Заслуженный
  • Leonheart
  • Зарегистрирован: Пн, 8 Авг 2011
  • Сообщений: 1664
  • Уважение: +408
  • Позитив: +189
  • Пол: Мужской
  • Последний визит:
    Пн, 14 Янв 2019 12:47:55

..Boleyn, таблица задумывалась как слайдер - или как боковая таблица?

0

Страница:   1 2 3 4 5 6 … 15  

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