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

Поделиться161Чт, 4 Авг 2011 23:26:25

Автор: Jam22
Заслуженный
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 17 Окт 2011 23:07:30

1. Эскиз.

3. Три всплывающих окошка ( в них адреса с ссылками), таблица с границами (толщина линии 1, 5 пт), размеры 700х350, ссылка на картинку - http://s2.ipicture.ru/uploads/20110804/ZAg6RQjV.jpg
Фон таблицы хотелось бы в чёрном цвете, чтобы гармонировал с картинкой по середине.

Отредактировано Jam22 (Чт, 4 Авг 2011 23:29:47)

0

Поделиться162Пт, 5 Авг 2011 02:53:49

Автор: Галлотея Калме
Заслуженный
Зарегистрирован: Сб, 16 Июл 2011
Сообщений: 80
Уважение: +5
Позитив: +23
Пол: Женский
Последний визит:
Пт, 17 Фев 2012 10:17:57

Тут кто-нить есть?

0

Поделиться163Пт, 5 Авг 2011 09:46:11

Автор: Локки
Заслуженный
Зарегистрирован: Пт, 5 Авг 2011
Сообщений: 12
Уважение: +2
Позитив: 0
Последний визит:
Ср, 18 Апр 2012 19:42:28

Как сделать таблицу с эфектом выплывания, как тут?

http://7cektor.mybb.ru/

Отредактировано Локки (Пт, 5 Авг 2011 09:47:07)

0

Поделиться164Пт, 5 Авг 2011 11:57:28

Автор: Локки
Заслуженный
Зарегистрирован: Пт, 5 Авг 2011
Сообщений: 12
Уважение: +2
Позитив: 0
Последний визит:
Ср, 18 Апр 2012 19:42:28

Все, уже не надо

0

Поделиться165Пт, 5 Авг 2011 15:15:18

Автор: hlw*kid
Заслуженный
Зарегистрирован: Чт, 13 Янв 2011
Сообщений: 18
Уважение: 0
Позитив: 0
Последний визит:
Вт, 6 Сен 2011 21:09:09

Заказ снимаю.

0

Поделиться166Сб, 6 Авг 2011 09:28:18

Автор: Alice Salmon
Заслуженный
Зарегистрирован: Пт, 24 Июн 2011
Сообщений: 38
Уважение: 0
Позитив: +7
Пол: Женский
Последний визит:
Чт, 26 Апр 2012 14:00:59

Пожалуйста, ответьте на пост 132 при возможности.

0

Поделиться167Сб, 6 Авг 2011 13:41:18

Автор: vila
Заслуженный
Зарегистрирован: Вс, 12 Июн 2011
Сообщений: 30
Уважение: +1
Позитив: +2
Последний визит:
Пн, 28 Янв 2013 22:55:58

Таблица

Форум http://empire.rolebb.ru/
Ссылка на задний фон: http://savepic.ru/2871922.jpg
То что вышло у меня (не знаю куда засунуть задний фон и как поменять цвет текста на черный). Задний фон должен "размножаться"

Левая колонкадддддддддддддддд

</td>
<td width="40%">

Правая колонкаддддддддддддддддд

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

0

Поделиться168Сб, 6 Авг 2011 15:56:29

Автор: MadMadmozele
Заслуженный
Зарегистрирован: Вс, 10 Июл 2011
Сообщений: 175
Уважение: +1
Позитив: 0
Последний визит:
Пт, 29 Мар 2013 00:54:15

1)
2) http://harrypotterlordsdeath.mybb.ru/
3) Наверху выпадающие меню, таблица без краев. и Если можно выпадающие меню первую кнопку сделать едва красной, вторую едва зеленой, третью едва желтую и последнюю едва синюю.

0

Поделиться169Сб, 6 Авг 2011 23:06:42

Автор: Эйфория
Заслуженный
Зарегистрирован: Вт, 28 Июн 2011
Сообщений: 188
Уважение: +9
Позитив: +36
Последний визит:
Пн, 6 Апр 2020 11:19:50

можно мне изменить код, так что бы кнопки были не сверху а с лева. форум эскиз внизу прикреплен

Код:

<!--  Стиль меню -->
<style>
.pusto {
height: 100px;
width: 200px;
margin-top: -10px;
}

#menu {
height: 55px; 
width: 100%;
padding: 0!important;
z-index:1000;
}	

#menu span {
color:transparent;
margin: 0!important;
background:transparent top center no-repeat;
font-size:50px;
}


#submenu {
padding: 0;
height: 100px;
text-align: center;
font-size: 12px;
width: 100%;
}

.submenutext {
display: none; 
height: 100px!important;
padding: 1px;
}

/* Картинки пассивных кнопок */
#menu span.but1{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4145-1.gif);margin-left:-10px!important;}
#menu span.but2{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4145-2.gif);margin-left:-4px!important;}
#menu span.but3{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4145-3.gif);margin-left:-5px!important;}
#menu span.but4{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4145-4.gif);margin-left:-9px!important;}


/* Картинки активных кнопок */
#menu span.but1.tabactive{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4146-1.gif);}
#menu span.but2.tabactive{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4146-2.gif);}
#menu span.but3.tabactive{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4146-3.gif);}
#menu span.but4.tabactive{background-image:url(http://forumupload.ru/uploads/000f/d0/93/4146-4.gif);}
</style>

объявление

Код:

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td style="height: 60px;">
    <div id="menu"> 
<span class="but1" alt=#sm1 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" class="pusto" /></span>
<span class="but2" alt=#sm2 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" class="pusto" /></span>
<span class="but3" alt=#sm3 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" class="pusto" /></span>
<span class="but4" alt=#sm4 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" class="pusto" /></span>
<span class="but5" alt=#sm5 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" class="pusto" /></span>
           </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/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки

</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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

0

Поделиться170Сб, 6 Авг 2011 23:09:40

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

Эйфория написал(а):

а с лева.

:glasses: Думает шо это повышенный астигматизм кнопак....

Ваще - точно - ане слево ( совсем запуталсо :canthearyou:

0

Поделиться171Сб, 6 Авг 2011 23:43:01

Автор: Эйфория
Заслуженный
Зарегистрирован: Вт, 28 Июн 2011
Сообщений: 188
Уважение: +9
Позитив: +36
Последний визит:
Пн, 6 Апр 2020 11:19:50

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

Ваще - точно - ане слево

долго вчитывалась, не поняла что вы имеете в виду...что таблицу такого вида без косяков сделать не получиться? или вам сочетание "а с лева" не нравится?

0

Поделиться172Сб, 6 Авг 2011 23:43:58

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

Эйфория :glasses: Сосвоевольничал - кнопки - справо

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

Код:

<style>	
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#fff;
margin: 7px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#FF0000;
}

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

#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 615px">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

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

Тоже самое - кнопки слево

Код:

<style>	
#menu {
margin-top: -15px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#fff;
margin: 7px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#FF0000;
}

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

#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 615px">
 <tbody>
  <tr>
   <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

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

Отредактировано Deff (Пн, 8 Авг 2011 19:54:51)

+1

Поделиться173Сб, 6 Авг 2011 23:49:43

Автор: Эйфория
Заслуженный
Зарегистрирован: Вт, 28 Июн 2011
Сообщений: 188
Уважение: +9
Позитив: +36
Последний визит:
Пн, 6 Апр 2020 11:19:50

О,примного благодарна, то что нужно ~~надо пароль сменить~~

0

Поделиться174Вс, 7 Авг 2011 03:58:45

Автор: Kolya
Заслуженный
Зарегистрирован: Вс, 7 Авг 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Чт, 6 Окт 2011 14:35:51

1.)с моего старого пробника картинка. - http://forumupload.ru/uploads/000f/f8/a2/15-1-f.png
2. http://unfulfilleddreams.anihub.ru/
3. думаю по рисунку Вы поймете)
Добавлено:
Простите но на рисунке где написано "контент" - это нужно что бы было всплывающие окна.)

Отредактировано Kolya (Вс, 7 Авг 2011 16:43:27)

0

Поделиться175Вс, 7 Авг 2011 11:15:57

Автор: Саи-тян
Заслуженный
Зарегистрирован: Вт, 17 Авг 2010
Сообщений: 75
Уважение: 0
Позитив: +14
Пол: Женский
Последний визит:
Сб, 3 Сен 2011 17:19:04

Разрешите узнать, когда будет выполнен заказ №152?

0

Поделиться176Вс, 7 Авг 2011 12:30:28

Автор: vila
Заслуженный
Зарегистрирован: Вс, 12 Июн 2011
Сообщений: 30
Уважение: +1
Позитив: +2
Последний визит:
Пн, 28 Янв 2013 22:55:58

Пост номер 167 ОТМЕНЯЕТСЯ!
Я уже сама разобралась в чем дело.

.

0

Поделиться177Вс, 7 Авг 2011 13:08:34

Автор: MadMadmozele
Заслуженный
Зарегистрирован: Вс, 10 Июл 2011
Сообщений: 175
Уважение: +1
Позитив: 0
Последний визит:
Пт, 29 Мар 2013 00:54:15

пост №168, есть кто может сделать?

0

Поделиться178Вс, 7 Авг 2011 13:12:53

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

нужна табличка, которая будет находиться на дополнительно созданой странице. подобе этой http://gornayaliliya.rolka.su/pages/banneri
на скрине показано как будет все располагаться. как хотелось что бы все распологалось. заранее спасибо.

http://s1.ipicture.ru/uploads/20110527/UlJtdJ61.jpg

Ссылка на форум http://gornayaliliya.rolka.su/

0