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

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

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


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


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

Сообщений 881 страница 900 из 1000

881

Rion Leonheart
Хорошо)

0

882

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

И как, спрашивается, я должен вас искать? Оо  :glasses:

Уупс, извиняюсь :з
Ссылка

0

883

akita-iny, теперь вижу)
Тогда уточните пару моментов:
- вам высоты таблицы в 360 пикселей хватит?
- це "контейнер 1/5" - это кнопки с всплыв. меню, или с инфо. блоком с переменным контентом?
А то вот с ссылкой на форум с примером незадача:

Вам нужно набрать еще n-ое количество сообщений для просмотра скрытого текста.

Если б не такая секретность, я б не спрашивал  :nope:

Отредактировано Rion Leonheart (Сб, 15 Окт 2011 05:20:29)

0

884

Rion Leonheart
Могу без секретности :з
Ссылку кинула в предыдущем сообщении, поставила чуть меньшее ограничение)
360, вполне.
Ну как вы увидите таблицу на форуме, думаю все будет понятно)

0

885

Вопрос отпал, спасибо (:

Отредактировано Локаи (Пн, 17 Окт 2011 00:08:48)

0

886

akita-iny, прошу прощения за задержку. работа иногда приказывает долго жить, и не всегда есть время на ЕТП...

Значит, в html-верх пойдет:

Код:
<style>	
#menu span {
padding: 8px;
width: 100px;
height: 40px;
text-decoration: none;
color: #67761F;
border: 1px solid #333;
}

#menu .tabactive {
color: #333;
}

.submenutext {
display: none; 
padding: 10px;
height: 300px;
text-align: center;
font-size: 11px;
width: 97%;
border: 1px solid #333;
overflow: auto;
}

</style>

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

Само объявление имеет вид:

Код:
<table style="border: 1px solid #333;" cellspacing="0" width="100%" height="360">
<tr><td width="75%">
<table width="100%" border="0">
 <tbody>
  <tr height="30">
   <td align="center">
    <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>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>

<div style="font-size: 13px;">Заголовок 1</div>
<br><br>

Контент 1 кнопки

</div>

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

<div style="font-size: 13px;">Заголовок 2</div>
<br><br>

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

</div>

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

<div style="font-size: 13px;">Заголовок 3</div>
<br><br>

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

</div>

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

<div style="font-size: 13px;">Заголовок 4</div>
<br><br>

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

</div>

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

<div style="font-size: 13px;">Заголовок 5</div>
<br><br>

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

</div>
   </td>
</tr>
 </tbody>
</table>
</td>
<td align="center" width="25%">

<img width="100%" height="360" src="http://img0.liveinternet.ru/images/foto/b/3/apps/0/441/441610_sally_j_smith_002.jpg">

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

Примечание: названия кнопок - тестовые, картинка - тоже. Смело меняйте на свои. Прокрутка появицо как только содержимое вкладки превысит допустимый лимит.  :glasses:

0

887

1) Эскиз вашей будущей таблицы
http://uploads.ru/i/p/b/0/pb0se.png
2) Ссылка на ваш форум
http://78435.rolka.su/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
все рамки пунктирные, текст внутри таблицы который я забыл указать, по середине, картинка для вставки (ниже) размер по усмотрению, шрифт на кнопках "главная, администрация и тэ дэ" чуть больше основного текста в таблице, вроде все указал... ах да... и еще нажатая кнопка чтобы хоть как-то выделялась от остальных...
http://uploads.ru/i/f/2/K/f2Km5.png

Отредактировано Greed Ling (Пн, 17 Окт 2011 14:29:45)

0

888

Greed Ling, и снова здравствуйте.

Ну давайте поставим на ваш тестовик в html-верх:

Код:
<style>	
#menu {
width: 140px;
height: 80px;
}

#menu span {
font-size: 14px;
text-align:center;
display:block;
color:#000;
margin-top: 4px;
margin-bottom: 13px;
padding-left: 5px;
padding-right: 5px;
padding-top: 16px;
padding-bottom: 16px;
}
#submenu, #menu span {
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
border: 1px dotted #000;
}

#menu .tabactive {
color: #ff0000;
}

.submenutext {
display: none;
padding: 2px;
height: 343px;
text-align: center;
font-size: 12px;
width: 98%;
background: url(http://uploads.ru/i/6/Q/h/6Qhjf.png) no-repeat center;
}
</style>

В объявление:

Код:
<center><table style="width: 98%;" cellspacing="0" border="0">
 <tbody>
  <tr>
   <td valign="top" width="140">
    <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>

Контент первой кнопки

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

Контент второй кнопки

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

Контент третьей кнопки

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

Контент четвертой кнопки

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

Контент пятой кнопки

</div>

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

:glasses:

0

889

Очень хочется вот такую таблицу http://uploads.ru/i/E/7/2/E728o.jpg
Желательно, чтобы не было видно границ. Но не принципиально. Хтмл не много знаю, разберусь.

Форум, где будет стоять таблица http://garrvards.magicbb.ru/ Просто главную переделать надо) Сделайте, плиз)

0

890

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

прошу прощения за задержку. работа иногда приказывает долго жить, и не всегда есть время на ЕТП...

да ничего :з
Я вам очень благодарна, вы первый человек, который сделал таблицу так как я прошу)
Обязательно поставлю ваш копирайт, скажите?
И Вы отличный мастер!
Мне все очень нравится ^ ^  http://mybb.ru/f/collection/0211.gif

Отредактировано akita-iny (Пн, 17 Окт 2011 18:08:22)

0

891

akita-iny написал(а):

Обязательно поставлю ваш копирайт, скажите?

^^ Какие сложности-то) "By Leonheart"

Кэролайн, здравствуйте. Пробуйте:

Код:
<table style="width: 775px; height: 325px; background: url(http://forumupload.ru/uploads/0009/74/8d/44-1-f.png) center no-repeat;" cellspacing="0" cellpadding="7" border="0">
<tr align="center"><td width="30%" rowspan="2">

Контент первой колонки

</td>
<td height="180" width="70%" colspan="3">

Контент второй колонки

</td></tr>
<tr height="45%" align="center"><td width="146">

Контент третьей колонки

</td>
<td width="121">

Контент четвертой колонки

</td>
<td width="118">

Контент пятой колонки

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

:glasses:

Отредактировано Rion Leonheart (Пн, 17 Окт 2011 18:48:39)

0

892

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

0

893

Rion Leonheart
Спасибо большое *___* http://mybb.ru/f/collection/0211.gif

0

894

Здравствуйте, можете сделать вот такую вот таблицу http://savepic.su/389041.png во вкладках с 1 по 5 вставляется собственное изображение с надписью вкладки, в окошко ниже чтобы можно было вставить подфоновое изображение. И в этом же окошке чтобы информация менялась при нажатии другой вкладки?
форум http://ghjybrdg.mybb.ru/

0

895

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

Какие сложности-то) "By Leonheart"

^^
хм, где-то я вас уже видела, мы общались как-то о:
ну ладно,  я не флужу не флужу.

0

896

Namiko Roka, здравствуйте.
Какая высота таблицы точная?
Размеры изображений кнопок скажите?
Зы.

akita-iny написал(а):

где-то я вас уже видела, мы общались как-то о:

Вы меня ни с кем не путаете?)  :D + ко всему, я не только на ЕТП зависаю  :D

0

897

1) Эскиз вашей будущей таблицы
первая вкладка
Вторая вкладка
третья вкладка
четвертая вкладка
2) Ссылка на ваш форум
http://world7.anihub.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
картинка на фон, границы таблицы пунктирные, выделение открытой вкладки от остальных, прокрутка где указано, границы внутренних окошек невидимы...
если нужно, для вкладки "админы и модеры":
гл. админ:
http://uploads.ru/i/H/4/u/H4ux1.png
админы:
http://uploads.ru/i/0/F/2/0F2AJ.png
http://uploads.ru/i/U/J/v/UJvBK.png
модеры:
http://uploads.ru/i/w/6/l/w6l4J.png
http://uploads.ru/i/I/e/l/IelWs.jpg

PS извините что заказываю вторую таблицу подряд, но это для другого форума

Отредактировано Greed Ling (Вт, 18 Окт 2011 08:09:22)

0

898

Greed Ling написал(а):

извините что заказываю вторую таблицу подряд, но это для другого форума

А я уж было испугался  :D

Тестируем. В html-верх:

Код:
<style>	
#menu span {
width: 100px;
padding: 15px 15px 15px 15px;
margin: 0 5px 0 0;
height: 60px;
color: #424955;
text-decoration: none;
font-size: 13px;
border: 1px dotted #000;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

#menu .tabactive {
color: #fff; 
border: 1px dotted #000;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

.submenutext {
display: none; 
width: 98%;
height: 360px;
padding: 5px;
text-align: center;
font-size: 12px;
border: 1px dotted #000;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
background: url(http://uploads.ru/i/J/6/Q/J6QGd.png) no-repeat center;
}
</style>

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

В объявление:

Код:
<center><table style="width: 95%;" border="0">
 <tbody>
  <tr height="50">
   <td align="center">
    <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>
  </tr>
  <tr height="369">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="30%"><font style="font-size: 14px;">Что нового?</font></td>
<td rowspan="2" width="40%"></td>
<td width="30%"><font style="font-size: 14px;">Прогноз погоды</font></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">

Текст 1

</div>
</td>
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">

Текст 2

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

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

<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="30%"><font style="font-size: 14px;">Новичкам</font></td>
<td rowspan="2" width="40%"></td>
<td width="30%"><font style="font-size: 14px;">Игрокам</font></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">

Текст 1

</div>
</td>
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">

Текст 2

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

</div>

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

<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="33%"><font style="font-size: 14px;">Глав. Админ</font></td>
<td width="33%"><font style="font-size: 14px;">Админы</font></td>
<td width="33%"><font style="font-size: 14px;">Модеры</font></td>
</tr>
<tr align="center">
<td valign="top">

<img src="http://uploads.ru/i/H/4/u/H4ux1.png">

</td>
<td>
<div style="width: 100%; height: 300px; overflow: auto;">

<img src="http://uploads.ru/i/0/F/2/0F2AJ.png">
<br/>
<img src="http://uploads.ru/i/U/J/v/UJvBK.png">

</div>
</td>
<td>
<div style="width: 100%; height: 300px; overflow: auto;">

<img src="http://uploads.ru/i/w/6/l/w6l4J.png">
<br/>
<img src="http://uploads.ru/i/I/e/l/IelWs.jpg">

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

</div>

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

<table width="100%" border="0" height="100%">
<tr align="center" height="20">
<td width="30%" rowspan="2" style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 330px; overflow: auto;">

Текст

</div>
</td>
<td rowspan="2" width="20%"></td>
<td width="50%" height="160"></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 187px; overflow: auto;">

Баннеры

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

</div>

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

Авики придецо закруглять с помощью ФШ, а так вроде все как просили.  :glasses:

Отредактировано Rion Leonheart (Вт, 18 Окт 2011 10:59:19)

+1

899

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

А я уж было испугался

извините что напугал ^ ^"""

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

Авики придецо закруглять с помощью ФШ, а так вроде все как просили.

все отлично *О* спасибо еще раз :3

поставил бы плюс, да пока сообщений на это право не хватает

0

900

Rion Leonheart
размеры кнопок: 155*40
высота таблицы: 500

0


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