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

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

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


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


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

Сообщений 301 страница 320 из 1000

301

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
http://uploads.ru/t/U/p/X/UpXw0.jpg
http://uploads.ru/t/a/N/4/aN468.jpg
http://uploads.ru/t/r/a/4/ra4Wl.jpg
http://uploads.ru/t/j/y/d/jydzq.jpg

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://garrypotter2012.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Я вроде бы всё указала)

Отредактировано Кэтрин из Мексики** (Вт, 24 Апр 2012 20:07:13)

0

302

Весенняя,

1) в общем виде ваша таблица будет выглядеть так:

Код:
<style>
#menu {
margin: 0 0 10px 0;}

#menu span {
padding: 10px 35px 10px 35px;
margin: 0px 5px 0px 5px;
width: 100px;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 10px;
width: 900px;}

.submenutext {
display: none;
text-align: center;
height: 250px;
overflow-y: auto;
overflow-x: hidden;}

#menu span, #submenu {
border: 2px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>


<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <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>
  <tr height="220">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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

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


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

2) Фон каждой кнопки.
Можно:
а) на каждую кнопку поставить свою картинку единожды
б) поставить один фон на все кнопки

Если надо Сменить фон каждой кнопки в обычном состоянии и в активном состоянии - мну не в курсе.
:question: Какой вариант?

3) Насчет фона под текстом...
А у меня странный вопрос - фон под текст каждой кнопки, или один на всех?  :question:

Дизайн дико милый **

Отредактировано Rion Leonheart (Пт, 20 Апр 2012 09:24:47)

0

303

Мышка, **

В общем, у меня в наличии нет скриптов такого вида поиска и меняющихся картинок, поэтому тряхните скриптеров, что ли  :confused:

Боковая таблица - в html-верх:

Код:
<style>
.sidebar {position: absolute;
      width: 200px;
      top: 0;
      height: 400px;
      padding: 5px;
      padding-top: 10px;
      text-align: center;}

#Leftbar {margin-left:-230px;}

#Leftbar .container{
color:#3d3225;
padding:12px;
text-align:center!important;
margin-bottom:15px;
width:170px;
border: 2px #E1D897 solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;}

#Leftbar .container.a1{
height: 280px;
background-color: transparent;
overflow-y: auto;
}
#Leftbar .container.a2{
background-color: transparent;
height:280px;
overflow-y: auto;
}
</style>

<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container a1">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 48%;" align="left" valign="top">

Классификация:
<br/><br/>
текст текст текст текст

</td>
</tr>
<tr><td style="height: 4%;"><hr></td></tr>
<tr>
<td style="height: 48%;" align="left" valign="top">

Страна:
<br/><br/>
текст текст текст текст

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

</div>

<div class="container a2">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 85%;" align="left" valign="top">

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

</td>
</tr>
<tr>
<td style="height: 15%;" align="center" valign="top">

код скрипта поиска

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

</div>
</div>
</span>

Центральная таблица - в объявление:

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<center><table style="background: url(ссылка на картинку фона) center bottom no-repeat;" cellpadd0ng="0" cellspacing="4" border="0">
<tr>
<td align="center" colspan="3">

<div style="border: 2px #CEA153 solid; width: 200px; padding: 3px;">

This Ordinary Life

</div>

</td>
</tr>
<tr>
<td style="width: 365px; height: 280px; border: 2px solid #CEA153; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px;" align="center">

скрипт

</td>
<td style="width: 70px;"></td>
<td style="width: 365px; height: 280px; border: 2px solid #CEA153;  border-radius: 0px 5px 5px 0px;  -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px;" align="center">

скрипт

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

Отредактировано Rion Leonheart (Пт, 20 Апр 2012 09:25:46)

+1

304

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

Именно так, просто изначально не знала как лучше объяснить. ><

Типичный-то типичный... но исходя из размеров крайнего правого изображения для него просто не хватит места ОО

пробный вариант - где информация появляется во всплывающем от кнопки окошке - как было указано в пояснении:

http://uploads.ru/t/X/r/Z/XrZ9I.jpg

С переменным контентом у меня не сошлись размеры... если только заявленная картинка - не фон всей таблицы?

Отредактировано Rion Leonheart (Пт, 20 Апр 2012 10:00:05)

0

305

1) http://s019.radikal.ru/i617/1204/76/425d6d2b94a1t.jpg
2) Ссылка
3) таблица должна быть по-середине. при нажатие окна не всплывали, а менялись, где нарисован текст.

0

306

Rion Leonheart
спасибо большое =))) плюс поставила Вам)

0

307

Пожалуйста, сделайте мне вот такую табличку, но с не видимыми границами.

http://s1.ipicture.ru/uploads/20120421/pHuFN1W3.bmp

вот сюда

http://happinessgold.rolbb.ru/

0

308

Про мой заказ забыли?..

0

309

1)http://uploads.ru/t/O/5/u/O5ut0.png
2) http://help.bbcity.ru/
3)-Желательно что бы текст (новости,заказы,инфа о нас и баннеры) был цвета:000000,а при нажатии на выбранное окно становилось и горело этим цветом:EFFF9F.
-Текст заголовков и слов тема и заказ были написаны шрифтом Adventure.
-Обычный подтекст что бы был обычным не измененным шрифтом.
-Желательно мини картинки такие же как показаны напротив слов тема и заказ (либо что то простенькое,если такие не получатся)
-Где нужны границы я указал,прокрутку тоже

+1

310

Помогите, пожалуйста, с таблицей. Недавно заказывал у вас слайдер, но он не у всех работал как надо, поэтому возникла необходимость в новой таблице. На каком-то сайте нашел, но она какой-то касяченой оказалась, после установки исчезли категории и профиль съехал влево О.о
Сделайте, пожалуйста, почти такую же таблицу, но чтобы нормально работала хд
Вот ссылка на сайт http://koti.rolevaya.ru/ , чтобы было понятнее, как она должна выглядеть о.о
Только эскиз я немного изменил, вот он
http://savepic.net/2756086m.jpg
Ширина 700, высота примерно 450, но можно и поменять.
(Квадраты в верхней строке в окошке посередине - это картинки размером 60х60, кликабельные)

Заранее огромное спасибо)

0

311

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

вот
http://s019.radikal.ru/i610/1204/af/1e0dd000d547.jpg
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://inlosangeles.rolka.su/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Рамки желательно сделать бежевыми ,белыми или пунктиром
картинки для модераторов и админов размером 60х60 (если можно сделать ,чтобы при наведение они увеличивались,то буду благодарна)
картинки с участниками 100х100 (и если можно будет сделать ,то чтобы картинки перелистывывались  ,как игральные карты )
прокручивались блоки -с ссылками ,с видео ,с фото участников и админов
Если не получится сделать блоки перед шапкой ,то пустите их по бокам
Размер шапки 900х400
Цвет текста -белый,розовый или бежевый
Сам форум будет такого цвета http://s019.radikal.ru/i637/1204/58/b5b2b1b63204.jpg
так что лучше подгонять под этот кусочек

Заранее благодарна =)

0

312

Слеплю все в один пункт. Все, что нужно, есть на картинках.
Ссылка - http://narutou.mybb.ru/

Таблица:

http://uploads.ru/i/t/M/6/tM65D.png

При нажатии на кнопки слева - всплывыет окно справа с определенным контентом (нынче популярно)

отдельные окна и блоки

http://uploads.ru/i/m/r/Q/mrQtq.png

http://uploads.ru/i/J/c/E/JcEiV.png

http://uploads.ru/i/0/h/E/0hEji.png

http://uploads.ru/i/x/4/b/x4brc.png

Очень благодарна за помощь.

Отредактировано .aliren (Пн, 23 Апр 2012 22:11:26)

0

313

Rion Leonheart
спасибо большое!) +

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

2) Фон каждой кнопки.

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

а) на каждую кнопку поставить свою картинку единожды

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

3) Насчет фона под текстом...
А у меня странный вопрос - фон под текст каждой кнопки, или один на всех?

Ладно, пусть будет один на всех, х) Ещё раз спасибо)

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

Дизайн дико милый **

))

0

314

Весенняя написал(а):

+

а плюс не могу поставить((( Как получится, так поставлю)

0

315

Форум переехал. Как и обещала дать вам ссылку, чтобы вы были в курсе где стоит ваша таблица.
http://dancefate.mybb.ru/

0

316

Варя;, не отвечаю за качество, но попыталась помочь

Код:
<table style="background:transparent;border:none;" align="center" valign="top" width="96%" height="400px" cellpadding="1" cellspacing="1"><tr height="70%"><th width="30%">Текст для первого окошка</th><th width="30%">Текст для второго окошка</th><th width="40%">Текст для третьего окошка</th></tr></table>
<table style="background:transparent;border:none;" align="center" valign="top" width="96%" height="150px" cellpadding="1" cellspacing="1"><tr height="70%"><th width="60%">Текст для первого окошка</th><th width="40%">Текст для второго окошка</th></tr></table>

Отредактировано Астра (Чт, 26 Апр 2012 12:17:07)

+1

317

Coffe вставлять в объявления

Код:
<style>
#menu {
margin: 0 0 5px 0;}

#menu span {
padding: 15px 35px 10px 35px;
margin: 0px 5px 0px 5px;
width: 160px;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 10px;
width: 900px;}

.submenutext {
display: none;
text-align: center;
height: 250px;
overflow-y: auto;
overflow-x: hidden;border: 2px solid #000;
}

#menu span, #submenu {
}
</style>


<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer; background:url(ссылка на картинку);">Новости</span>
<span alt="#sm2" style="cursor: pointer; background:url(ссылка на картинку);">Админы</span>
<span alt="#sm3" style="cursor: pointer; background:url(ссылка на картинку);">Реклама</span>
<span alt="#sm4" style="cursor: pointer; background:url(ссылка на картинку);">Время</span>
<span alt="#sm5" style="cursor: pointer; background:url(ссылка на картинку);">Ссылки</span>
           </b>
    </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;">

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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

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


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

Отредактировано Астра (Чт, 26 Апр 2012 12:33:33)

0

318

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно! http://uploads.ru/t/P/o/2/Po2aI.png

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут! - Ссылка
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.- при нажимании на одно из верхних кнопок, в нижнем окне выплывает нужный контент

0

319

oppa, вот что получилось.

Код:
<table width="100%" border="0">
<tbody>
<tr>
<td valign="top" align="center" style="width: 30%">
<b>Заголовок 1</b>
<div style="width: 100%; height: 200px; overflow: auto; overflow-x: hidden;">
текст  1
</div>
<br>
<br>
<br>
<br>
</td>
<td valign="top" align="center" style="width: 40%">
<b>Заголовок 2</b>
<br>
<br>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<br>
<br>
<b>Заголовок 3</b>
<br>
<br>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
<a href="ссылка">
<img src="ссылка на картинку">
</a>
</td>
<td valign="top" align="center" style="width: 30%">
<b>Заголовок 4</b>
<br>текст 4
</td>
</tr>
<tr>
<td valign="top" align="center" style="width: 30%">
<b>Заголовок 5</b>
<br> текст 5
</td>
<td valign="top" align="center" style="width: 40%">
<table style="height: 100%; width: 100%;">
<tbody>
<tr>
<td height="50" align="center">
<form>
<select class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" name="select">
<option>НАВИГАЦИЯ</option>
<option value="ссылка 1">Название 1</option>
<option value="ссылка 2">Название 2</option>
<option value="ссылка 3">Название 3</option>
<option value="ссылка 4">Название 4</option>
<option value="ссылка 5">Название 5</option>
<option value="ссылка 6">Название 6</option>
<option value="ссылка 7">Название 7</option>
</select>
</form>
</td>
</tr>
<tr>
<td height="50" align="center">
<form>
<select class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" name="select">
<option>АКЦИИ</option>
<option value="ссылка 1">Название 1</option>
<option value="ссылка 2">Название 2</option>
</select>
</form>
<br> <img src="ссылка на картинку">
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" align="center" style="width: 30%">
<br>
<b>Заголовок 6</b>
<div style="width: 100%; height: 230px; overflow: auto; overflow-x: hidden;">
<br>
текст 6
</div>
</td>
</tr>
</tbody>
</table>
<table style="background:transparent;border:none;" align="center" valign="top" width="100%" height="100%" cellpadding="1" cellspacing="1"><tr><td><marquee id="abc" width="100%" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()"><span style="color: black"><span style="font-size: 14px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong>
<!--Бегущая строка-->
текст бегущей строки
    </span></strong></span></span></span></marquee></td></tr></table>

0

320

Рата

Код:
<style>
#menu {
margin: 0 0 5px 0;}

#menu span {
padding: 15px 35px 10px 35px;
margin: 0px 5px 0px 5px;
width: 100px; border: 1px solid #000;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 10px;
width: 900px;}

.submenutext {
display: none;
text-align: center;
height: 250px;
overflow-y: auto;
overflow-x: hidden;
}

#menu span, #submenu {
}
</style>


<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer; ">Admin's</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 height="220">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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

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


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

0


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