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

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

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


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)


Таблицы на заказ (13)

Сообщений 641 страница 660 из 1000

641

:)
http://i068.radikal.ru/1201/9a/9495f2ae21c2.jpg - желаемая таблица.

http://forestlan.rolbb.ru/ - форум.

К сожалению, ничего в этом не смыслю, по этому буду писать нелепо:
Хотелось бы кнопки "Администрация, Для гостей, Время и погода, Новости" сделать переключаемыми (чтобы при нажатии на них текст и картинка соответственно менялись. Колонка со ссылками при этом оставалась неизменной.
Картинка располагается внизу, под текстом. Это тонкая полоска. Как там: http://wolfskin.rusff.ru/ (это тоже наш форум, но почему-то тот код на новом не работает)

0

642

Эйла написал(а):

(это тоже наш форум, но почему-то тот код на новом не работает)

А что вставляете и что не работает?  http://mybb.ru/f/collection/0224.gif

0

643

Rion Leonheart
Код таблицы вставляем. Все кнопки идут вверх, никаких рамок вообще нет. Может, это от того, что используется "Свой стиль"?

Отредактировано Эйла (Вс, 22 Янв 2012 13:09:28)

0

644

Эйла написал(а):

Может, это от того, что используется "Свой стиль"?

Нет. Просто вы не весь код вставляете. Не хватает куска стиля самого объявления.
У вас на втором форуме стиль объявления прописан в самом стиле форума.  ^^ Вытащить кусок чоб все заработало не проблема. Так что - делаем новое, или переделываем старое?  :rolleyes:

0

645

Rion Leonheart
А у нас там холодная война со вторым админом, она мне не скажет, где этот кусок находится)) А сама я не найду) По этому, если можно, сделайте, пожалуйста, новое.

0

646

Эйла написал(а):

А у нас там холодная война со вторым админом, она мне не скажет, где этот кусок находится))

http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif А я знаю, как он выглядит)) зачем нам админы)  http://mybb.ru/f/collection/0224.gif новое так новое... чуть позже.

0

647

Я и только Я,

html-верх:

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

#menu span {
padding: 2px 15px 2px 15px;
margin: 0px 24px;
width: 100px;}

#menu .tabactive {
color: #ff0000;}

#submenu {
padding: 3px;
width: 350px;}

.submenutext {
display: none;
text-align: center;
font-size: 12px;
height: 300px;}

#menu span, .submenutext {
border: 1px solid #000;
border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
</style>

Объявление:

Код:
<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="300">
   <td id="MenuTxT" align="center" valign="top" width="50%">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент приветствия

</div></div>

     <div id="sm2" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент админ-состава

</div></div>

     <div id="sm3" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент новостей

</div></div>

     <div id="sm4" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент погоды

</div></div>

     <div id="sm5" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент партнеров

</div></div>
   </td>

<td width="50%"><img src="http://savepic.net/2421108.jpg"></td>

</tr>
  <tr height="40">
   <td align="center" colspan="2">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Добро пожаловать</span>
<span alt=#sm2 "style="cursor: pointer;">Админ-состав</span>
<span alt=#sm3 "style="cursor: pointer;">Новости</span>
<span alt=#sm4 "style="cursor: pointer;">Погода</span>
<span alt=#sm5 "style="cursor: pointer;">Партнеры</span>
           </b>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>

Html-низ:

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Отредактировано Rion Leonheart (Вс, 22 Янв 2012 17:06:18)

+1

648

Эйла,

html-верх:

Код:
<style>
#menu {
margin-bottom: -20px;
margin-top: -12px;}

#menu span {
padding: 2px 15px 2px 15px;
margin: 0px 15px;
width: 100px;}

#menu .tabactive {
color: #712717;
text-decoration: underline;}

#submenu {
padding: 3px;
width: 600px;}

.submenutext {
display: none;
text-align: center;
font-size: 13px;
height: 300px;}

#sm1 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;}
#sm2 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;}
#sm3 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;}
#sm4 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;}

.wowo {width: 150px;}
.wowo a{display: block; color:#fff; background-color: #70544E; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 3px; text-decoration: none;}
.wowo a:hover{background-color: transparent; color: #000;}

</style>

Объявление:

Код:
<center><table style="width: 100%; font-family: 'Times New Roman'; font-size: 14px;" border="1" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center" width="60%">
    <div id="menu"><b>
<span alt=#sm1 "style="cursor: pointer;">Администрация</span>
<span alt=#sm2 "style="cursor: pointer;">Для гостей</span>
<span alt=#sm3 "style="cursor: pointer;">Время и погода</span>
<span alt=#sm4 "style="cursor: pointer;">Новости</span>
           </b>
    </div>
   </td>

<td valign="top" align="center" width="40%" rowspan="2">

<strong>Ссылки:</strong><br/><br/>
<div class=wowo>
<a href="ссылка на тему">ссылка 1</a>
<a href="ссылка на тему">ссылка 2</a>
<a href="ссылка на тему">ссылка 3</a>
<a href="ссылка на тему">ссылка 4</a>
<a href="ссылка на тему">ссылка 5</a>
<a href="ссылка на тему">ссылка 6</a>
<a href="ссылка на тему">ссылка 7</a>
</div>
</td>

  </tr>
  <tr height="220">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент администрации

</div>

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

Контент приветствия

</div>

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

Контент погоды

</div>

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

Контент новостей

</div>

   </td>
</tr>
 </tbody>
</table></center>

html-низ:

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+1

649

Rion Leonheart
Спасибо) Подскажите, пожалуйста, как изменять картинку? Точнее, где. :)

0

650

#sm1 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;} /*картинка первой кнопки*/

#sm2 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;} /*второй*/

#sm3 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;} /*третьей*/

#sm4 {background: transparent url(http://forumupload.ru/uploads/000f/5f/2d/104-2-f.jpg) bottom center no-repeat;} /*четвертой*/

Отредактировано Rion Leonheart (Вс, 22 Янв 2012 18:34:52)

+1

651

на картинке изобразить не получилось, поэтому вот форум, на котором таблица - http://bleach-z.ru/
только можно вместо 3 контейнеров 5?
форум - http://kimi.anihub.ru/

0

652

Rion Leonheart
Спасик

0

653

Nemu, ну раз не получилось, Форум дизайн-поддержки.
Там есть и "как там" и "не как там".

Отредактировано Rion Leonheart (Пн, 23 Янв 2012 14:51:20)

+1

654

Здравствуйте! а можно поставить табличку вот такую http://uploads.ru/t/S/H/O/SHOiI.jpg
мой форум
Нужно,чтобы при нажатии на ссылку фильмография (это отдельно созданная страница)открывалась фильмография по типу:изображение,потом описание фильма,изображение описание фильма
Может это и не через табличку делается?Кто нибудь подскажет?
А если через табличку,то чтобы она была без рамок.Буду очень признательна

0

655

http://savepic.su/1215486.htm скрин таблицы
http://imaginarium.rusff.ru/ форум
Итак, прежде всего, хотелось бы надпись "приветствие" делать картинкой. Я ее сама вставлю. Далее, бегущая влево строка под баннеры. около нее строка под баннеры снизу вверх (пример. как вот тут http://nstdart.ru в таблице под шапкой с баннерами).
Навигация: хотелось бы вот с этого форума http://universitynu.rusff.ru/ (справа, где при наведении курсора на навигацию, вместо курсора появлялся крест) у меня есть код. Если нужен будет, я оставлю его здесь.
картинки модераторов и администраторов: размеры 50*50рх. картинки вставлю сама. Без границ

Отредактировано faatum (Пн, 23 Янв 2012 18:40:50)

0

656

Rion Leonheart
:glasses: Ксать , эт де то у мну Ошибка была, терь она в размноженном виде гуляет

Тут либо кавычка лишняя - либо не достаёт

<span alt=#sm1 "style="cursor: pointer;">Администрация</span>
<span alt=#sm2 "style="cursor: pointer;">Для гостей</span>
<span alt=#sm3 "style="cursor: pointer;">Время и погода</span>
<span alt=#sm4 "style="cursor: pointer;">Новости</span>

То есть
Либо так

<span alt="#sm2" style="cursor: pointer;">Для гостей</span>

Либо так:

<span alt=#sm2 style="cursor: pointer;">Для гостей</span>

+1

657

Deff, то-то они мне покоя не давали. :D Глянул шаблоны... это не у тву ошибка была...

Все пошло с .кренделя и его таблы с верхними кнопками - вот там да, кавычки и попадаются - лишние/недобитые, а чья она была тогда, я хз...

ЗЫ. странно, чо все работает - что с ними, что без.

Отредактировано Rion Leonheart (Вт, 24 Янв 2012 09:31:53)

0

658

УМКА написал(а):

Здравствуйте! а можно поставить табличку вот такую

Ну куда-нить в контент странички:

Код:
<table style="width: 100%;" border="1" cellpadding="0" cellspacing="5">

<tr><td><img src="ссылка на картинку">
<br/><br/>
<div align="left"><strong>Заголовок:</strong> описание</div></td></tr>

<tr><td><img src="ссылка">
<br/><br/>
<div align="left"><strong>Заголовок:</strong> описание</div></td></tr>

</table>

<tr><td><img src="ссылка на картинку">
<br/><br/>
<div align="left"><strong>Заголовок:</strong> описание</div></td></tr>

Размножаете, на количество нужных фильмов. Ток за пределы тегов <table></table> не выносите  ^^

+1

659

faatum, во втором окне стиля поправьте на 1em:

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

А то объява залезла на панель навигации по форуму...

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

у меня есть код. Если нужен будет, я оставлю его здесь.

:rolleyes: мну в курсе. Сталкивался. Но за заботу спасибо))):

Код:
<table style="width: 720px; text-align: center;" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="top" style="width: 60%;">

<img src="заголовок картинкой">

<div style="width: 100%; height: 150px;">

текст текст текст текст

</div>

<strong>партнеры</strong>

<div style="width: 100%; height: 50px;">
<table style="width: 100%; height: 100%;" cellspacing="0" cellpadding="0">
<tr><td style="width: 50%;"><marquee width="100%" height="50">

left

</marquee></td><td style="width: 50%;"><marquee direction="down" width="100%" height="50">

right

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

</div></td>
<td align="center" valign="top" style="width: 40%;">
<style>
.merln {width: 200px; height: 90px;}
.merln a{display: block; color:#000; background-color: #A48556; text-align: center; width:200px; padding: 2px 0 2px 0; margin-bottom: 2px; text-decoration: none; border-left: 3px solid #7F3300;}
.merln a:hover{cursor: crosshair; background-color: #7C4F31; text-decoration: underline; border-left-color:#A48556;}
</style>
<strong>навигация</strong>
<div class=merln align="center">
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
</div>
<strong>администраторы и модераторы</strong>
<div style="width: 100%; height: 106px;">

<img style="margin-top: 2px;" src="ссылка"> 
<img style="margin-top: 2px;" src="ссылка"> 
<img style="margin-top: 2px;" src="ссылка">
<br/>
<img src="ссылка"> 
<img src="ссылка"> 
<img src="ссылка">

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

+1

660

Rion Leonheart

Rion Leonheart написал(а):

во втором окне стиля поправьте на 1em:

поправила, спасибо!)

Rion Leonheart написал(а):

мну в курсе. Сталкивался. Но за заботу спасибо))):

пожалуйста)

спасибо за таблицу) +1)

0


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)