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

Страница: « 1 … 4 5 6 7 8 … 50 »

Тема закрыта

Сообщений 101 страница 120 из 1000

Поделиться101Пн, 18 Июл 2011 23:07:30

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

.syo, подкиньте пару картинок, которые хотите вставлять и менять. Есть идея, но надо попробовать. Картинки размером 410х250.

Поделиться102Вт, 19 Июл 2011 00:04:34

Автор: .syo
Заслуженный
Зарегистрирован: Чт, 14 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 3 Авг 2011 00:32:46

Кофеман
сию минуту, сир!
раз, два.

Поделиться103Вт, 19 Июл 2011 01:13:37

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

.syo, вопрос с ротацией решил, но пока не могу с закругленными краями справиться. Сегодня поздно уже. Отложу пока, может идея появится.
Хотя думаю, что нужно будет все-таки округлять края самих картинок радиусом в 15 пикселей, чтоб они в пунктирную рамку вписывались.

Поделиться104Вт, 19 Июл 2011 01:26:47

Автор: .syo
Заслуженный
Зарегистрирован: Чт, 14 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 3 Авг 2011 00:32:46

Кофеман
это замечательно же.)
а насчёт краёв - это естественно картинки закруглять, я понимаю.
просто по-быстрому вам скинула, раз вы просили.
оформлением этого вопроса займусь, не переживайте с:

Поделиться105Вт, 19 Июл 2011 07:37:15

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

http://savepic.ru/2869615.png

http://savepic.ru/2879855.png

Отредактировано Deff (Вт, 19 Июл 2011 07:44:22)

Поделиться106Вт, 19 Июл 2011 11:47:46

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

.syo, значит так, полностью меняете код. Наверное заполнять Вам придется снова, но тут уже разберетесь.

HTML-верх

Код:

<style> 
/* Стиль меню и таблицы в объявлении */
#menu {
height: 40px;
padding-top:8px;
width: 100%;
float:left;
}
#menu span {
padding: 15px 10px 15px; 
margin-right: 1px;
/* margin: 10px 0; */
width: 100px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed grey;
position: relative;
top: 5px;
color: #a0b3ae;
}
#menu .tabactive {
color: blue;
}

#submenu {
height: 250px;
font-size: 14px;
width: 410px;
margin-left: 4px; 
text-align: center;
border: 1px dashed gray;
position: relative; 
margin-top: -251px;
}

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

#КонтентРотатор p{display:none;
margin-left: 5px;

}
.kartinko {display: block; }

#submenu, #menu span,  .zag1, .kartinko {

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

</style>

HTML-низ - скрипт оставляете тот же.

В Объявление

<center>
<table border="0" cellpadding="0" cellspacing="0" summary="" style="width: 638px; height: 379px; color: #99afb6;">
<tr><td height="60" colspan="2">
<div id="menu">
<table summary="" width="100%">
<tr>
<td align="center" width="25%"><span alt=#sm1 "style="cursor: pointer;">Меню 1</span></td>
<td align="center" width="25%"><span alt=#sm2 "style="cursor: pointer;">Меню 2</span></td>
<td align="center" width="25%"><span alt=#sm3 "style="cursor: pointer;">Меню 3</span></td>
<td align="center" width="25%"><span alt=#sm4 "style="cursor: pointer;">Меню 4</span></td>
</tr>
</table>
</div>
</td></tr>
<tr>
<td height="260" width="425" id="MenuTxT" style="padding-top: 5px;">
<div id="КонтентРотатор" style="width:410px; ">

<p><img src="http://savepic.ru/2861415.png" alt="" border="0" class="kartinko"></p>
<p><img src="http://savepic.ru/2853223.png" alt="" border="0" class="kartinko"></p>
<div id="submenu">

<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 1</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>


<div id="sm2" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 2</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">
1<br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a>
</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>

<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 3</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>

<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 4</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>

</div>
</div>
</td>
<td width="213" rowspan="2">
<div style="width: 204px; height: 306px; margin-left: 2px; text-align: center; border: 1px dashed grey; padding-top: 4px;" class="zag1">
<div style="width: 98%; height: 300px; overflow: auto; overflow-x:hidden;">
<font size="+1"><b>Заголовок 1</b></font>
<br />
текст 1
</div>
</div>
</td>
</tr>
<tr>
<td height="59">
<div style="width: 410px; height: 48px; margin-left: 4px; text-align: center;">
<font size="+1"><b>Заголовок 2</b></font>
<br />
<marquee behavior="scroll" direction="left" width="98%" height="40" loop="0" scrollamount="2" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()">
из-за недоработок в дизайне, некоторый текст сливается с фоном форума - будьте бдительны хд
</marquee>
</div>
</td>
</tr>
</table>
</center>

<script language="javascript">
var sek = 2000; // Время отображения

var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

Выделено синим - адреса картинок, которые меняются.
Добавляете так:

<p><img src="http://savepic.ru/2861415.png" alt="" border="0" class="kartinko"></p>
<p><img src="http://savepic.ru/2853223.png" alt="" border="0" class="kartinko"></p>
<p><img src="Адрес картинки" alt="" border="0" class="kartinko"></p>

Строку красным множите столько, сколько надо.

В таблицу я внес все изменения, о которых Вы просили.

Теперь по картинкам. Я сделал так: скруглил углы радиусом 15px. Потом выделил ужекартинку со скругленными краями, далее - модификация, растушевка 5 px, потом Инвертировать и удалил фон за пределами выделения, нажав Del. При этом края у картинки получились немного размытые. Картинка плавно перешла в фон и видно пунктирную рамку. Думаю, что разберетесь с картинками. Но размер 410 на 250 остается. Вот что получилось

Поделиться107Вт, 19 Июл 2011 15:03:56

Автор: .syo
Заслуженный
Зарегистрирован: Чт, 14 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 3 Авг 2011 00:32:46

Кофеман
спасибо большое за проделанную работу, очень чудно получилось *___*
прям глаз радует~

Поделиться108Ср, 20 Июл 2011 14:44:56

Автор: kizzi
Заслуженный
Зарегистрирован: Ср, 29 Сен 2010
Сообщений: 40
Уважение: 0
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 28 Ноя 2022 21:55:44

Можно мне такую таблицу?

1)пример:

2)форум: http://brutalforum.mybb.ru

3)предпочтения: названия т.е (администрация, нас можно найти, облако тегов(наверху),календарь,баннеры форумов,статистика форума сделать цветом #5da130,а что бы шрифт был CyrillicChancellor? а весь текст который будет идти дальше #14540c и обычным шрифтом.Ну где нужна прокрутка я показал на рисунке.Вроде бы всё.

Поделиться109Ср, 20 Июл 2011 16:32:45

Автор: BlaBlaBla'шка
Заслуженный
Зарегистрирован: Пн, 10 Сен 2007
Сообщений: 139
Уважение: +1
Позитив: +15
Пол: Женский
Последний визит:
Пт, 3 Май 2013 22:13:19

Можно мне простенькую?
Вот такую.
И желательно чтобы ее саму не было видно, чтобы были видны только тексты

Отредактировано BlaBlaBla'шка (Ср, 20 Июл 2011 16:33:37)

Поделиться110Ср, 20 Июл 2011 21:05:06

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

kizzi
Вставляете все в Объявление

Код:

<style type="text/css">
.kizzi {
	color: #5da130;
	font-family: CyrillicChancellor;
}
.izzi td, izzi table td {
	color: #14540c;
}
</style>


<center>
<table width="100%" cellspacing="2" cellpadding="2" border="1" class="izzi">
<tr>
	<td rowspan="3" width="27%" align="center" valign="top">
<!-- Таблица левой колонки -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" height="590">
<tr>
	<td align="center" valign="top" height="200">
<p class="kizzi">Администрация</p>
<p align="left" style="padding-left: 5px; line-height: 150%;">
Админ <br>
Админ <br>
Админ <br>
Админ <br>
Админ <br>
</p>
	</td>
</tr>
<tr>
	<td align="center" valign="top" height="130">
<p class="kizzi">Нас можно найти</p>
на 1: переход
<br><br>
на 2: переход
<br>
	</td>
</tr>
<tr>
	<td align="center" valign="top" height="250">
<p class="kizzi">облако тегов</p>
<!--Облако Тегов Начало заполнения-->
<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
</noindex></div>
<!--ХХ Конец Заполнения пункта -->
	</td>
</tr>
</table>
<!-- конец таблицы левой колонки-->
	</td>
	<td width="47%" height="100">
<p class="kizzi">Приветствие</p>
Зависит от времени суток
	</td>
	<td rowspan="3" width="26%" align="center" valign="top">
<!-- Таблица правой колонки -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" height="590">
<tr>
	<td align="center" valign="top" height="220">
<p class="kizzi">Календарь</p>
	</td>
</tr>
<tr>
	<td align="center" valign="top" height="160">
<p class="kizzi">Баннеры форумов</p>
<div style="width: 98%; height: 140px; overflow: auto; overflow-x: hidden;">
Прокрутка появится автоматически
</div>
	</td>
</tr>
<tr>
	<td align="center" valign="top" height="160">
<p class="kizzi">Статистика форумов</p>
<div style="width: 98%; height: 140px; overflow: auto; overflow-x: hidden;">
Прокрутка появится автоматически
</div>
	</td>
</tr>
</table>
<!-- конец таблицы правой колонки-->
	</td>
</tr>
<tr>
	<td width="47%" height="290" valign="top">
<p class="kizzi" align="center">Пару слов о форуме</p>
Текст <br>
текст <br>
текст <br>
<p align="center">Баннер</p>

	</td>
</tr>
<tr>
	<td width="47%" align="center" height="200" valign="top">
<p class="kizzi">Активные темы</p>
<p style="line-height: 130%;">
Тема 1 
<br><br>
Тема 2 <br>
</p>
	</td>
</tr>
</table>


</center>

<!-- скрипт облака тегов -->
<script type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12'; /*минимальный размер ссылки*/
flashvars.maxFontSize = '12'; /*максимальный размер ссылки*/
flashvars.tcolor = '0x000000'; /*цвет ссылки максимального размера*/
flashvars.tcolor2 = '0x000000'; /*цвет ссылки минимального размера*/
flashvars.hicolor = '0x000000'; /*цвет ссылки по наведению*/
flashvars.distr = 'true';
flashvars.tspeed = '100'; /*скорость вращения*/
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '220'/*ширина*/, '220'/*высота*/, '9.0.0', false, flashvars, params, attributes);
</script>

Поделиться111Ср, 20 Июл 2011 21:08:49

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

BlaBlaBla'шка

Ваша таблица. Но при заказе нужно указывать ссылку на форум.

Код:

<center>
<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
	<td width="60%">

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

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

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

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

Поделиться112Ср, 20 Июл 2011 22:27:17

Автор: kizzi
Заслуженный
Зарегистрирован: Ср, 29 Сен 2010
Сообщений: 40
Уважение: 0
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 28 Ноя 2022 21:55:44

Кофеман,спасибо огромное

Поделиться113Ср, 20 Июл 2011 23:23:09

Автор: BlaBlaBla'шка
Заслуженный
Зарегистрирован: Пн, 10 Сен 2007
Сообщений: 139
Уважение: +1
Позитив: +15
Пол: Женский
Последний визит:
Пт, 3 Май 2013 22:13:19

Кофеман
Простите, в следующий раз буду знать '' большое спасибо!
Форум, на всякий случай, вот: http://portal.rolevaya.ru/

Поделиться114Чт, 21 Июл 2011 05:42:19

Автор: Marike
Стремящийся
Зарегистрирован: Чт, 21 Июл 2011
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Авг 2011 04:33:12

Прошу сделать таблицу.
Ссылка на форум: http://dastories.mybb.ru/

Сама таблица:

При нажатии на определенный раздел, текст должен появится в этом "прямоугольнике".

Прошу сделать табличку прокрутки в разделе "Новости".

Заранее спасибо

Отредактировано Marike (Чт, 21 Июл 2011 05:45:35)

Поделиться115Чт, 21 Июл 2011 20:54:57

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Marike

В окно HTML-верх

Код:

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 385px;
text-align: center;
font-size: 13px;
width: 98%;
}

.submenutext {
display: none; 
height: 385px;
}
</style>

В окно Объявление

Код:

<center>

<table width="100%" cellspacing="1" cellpadding="0" border="0"><tbody>
<tr>
	<td align="center">
<!-- Вложенная таблица кнопок меню -->
<div id="menu"><table width="100%" height="40" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td width="16%" align="center">
<span alt=#sm1 "style="cursor: pointer;">Администрация</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm2 "style="cursor: pointer;">Новости</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm3 "style="cursor: pointer;">Акции</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm4 "style="cursor: pointer;">Топы</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm5 "style="cursor: pointer;">Партнерство</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm6 "style="cursor: pointer;">Важные ссылки</span>
	</td>
</tr>
</table></div>
<!-- конец вложенной таблицы-->
	</td>
</tr>
<tr>
	<td id="MenuTxT"  align="center" valign="top" height="390">
<div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

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

</div>
     <div id="sm2" class="submenutext">
<div style="width: 100%; height: 383px; overflow: auto; overflow-x: hidden;">
Контент Новости прокрутка появится автоматически
</div>
</div>
     <div id="sm3" class="submenutext">

Контент Акции

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

Контент Топы

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

Контент Партнерство

</div>
     <div id="sm6" class="submenutext">

Контент Важные ссылки

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

Поделиться116Чт, 21 Июл 2011 21:36:31

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

Кофеман 8-) Вроде вложенность не нужна и смещения поправил -(хотя тестил тут, в топике, может у тебя и все в норме на форе(тут было всё вверх приподнято

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

Код:

<style> 
/* Стиль меню и таблицы в объявлении */
#menu {
height: 40px;
padding-top:8px;
width: 100%;
float:left;
}
#menu span {
padding: 15px 10px 15px; 
margin-right: 1px;
/* margin: 10px 0; */
width: 100px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed grey;
position: relative;
top: 5px;
color: #a0b3ae;
}
#menu .tabactive {
color: blue;
}

#submenu {
height: 250px;
font-size: 14px;
width: 410px;
margin-left: 4px; 
text-align: center;
border: 1px dashed grey;

margin-top: 20px;
}

.submenutext {
display: none; 
height: 100%;
padding: 8px;
}

#КонтентРотатор p{display:none;
margin-left: 5px;

}
.kartinko {display: block; }

#submenu, #menu span,  .zag1, .kartinko {

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

</style>
<center>
<div id="menu"><table width="100%" height="40" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td width="16%" align="center">
<span alt=#sm1 "style="cursor: pointer;">Администрация</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm2 "style="cursor: pointer;">Новости</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm3 "style="cursor: pointer;">Акции</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm4 "style="cursor: pointer;">Топы</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm5 "style="cursor: pointer;">Партнерство</span>
	</td>
	<td width="16%" align="center">
<span alt=#sm6 "style="cursor: pointer;">Важные ссылки</span>
	</td>
</tr>
</table></div>

<table width="100%" cellspacing="1" cellpadding="0" border="0"><tbody>
<tr>
<td id="MenuTxT"  align="center" valign="top" height="390">


<div id="submenu" align="center">

     <div id="sm1" class="submenutext" style="display:block;">

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

     </div>


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

     <div style="width: 100%; height: 383px; overflow: auto; overflow-x: hidden;">
Контент Новости прокрутка появится автоматически
     </div></div>


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

Контент Акции

    </div>


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

Контент Топы

    </div>


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

Контент Партнерство

    </div>


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

Контент Важные ссылки

     </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 (Чт, 21 Июл 2011 21:38:06)

Поделиться117Чт, 21 Июл 2011 22:13:25

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Deff, я на тестовом поставил диз Marike, на нем и отладку делал. ) Ну пусть попробует, что понравится.

Поделиться118Пт, 22 Июл 2011 02:19:37

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

2 http://fortresscity.rolka.su/

3 для примера дам ссылку на форум в частности меня интересует лишь правая часть таблицы. хотелось бы такого вида миню на всю ширину форума. желательно обратить внимание на плавность перехода, а так же на изменение ссылок кнопок при наведении. возможно ли при наведении на кнопку (а она будет в виде изображения) смены одной картинки на другую?

пс: всплывающий контейнер открыт по умолчанию, тоесть не сворачивается а смениватся на другой при нажатии на другую кнопку

Отредактировано Эйфория (Вс, 24 Июл 2011 18:04:08)

Поделиться119Пт, 22 Июл 2011 03:17:53

Автор: Marike
Стремящийся
Зарегистрирован: Чт, 21 Июл 2011
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Авг 2011 04:33:12

Большое спасибо, но на этом форуме я заказываю таблицу в первый раз, так что прошу объяснить: как преобразить таблицу - поставить тот самый шрифт и то самое главное окно?

Простите меня, незнающего(

Отредактировано Marike (Пт, 22 Июл 2011 03:28:00)

Поделиться120Пт, 22 Июл 2011 09:44:29

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Эйфория
Для подгонки таблицы нужны обе картинки каждой кнопки. Картинки давайте в заказ, иначе потом будете спрашивать как их туда поставить и подгонять самостоятельно.

Marike, а нельзя было сразу все это описать в заказе? Картинки для кнопок, фоновую картинку подложки, где будет текст отображаться.
Конкретно, что и куда Вы хотите вставлять и какой шрифт и куда. Исходя из Вашей картинки кнопки меню лучше сделать картинками, с тенью и прочим.

ЗЫ. Как задан вопрос, таким будет и ответ. )

Тема закрыта

Страница: « 1 … 4 5 6 7 8 … 50 »

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 101 страница 120 из 1000

Поделиться101Пн, 18 Июл 2011 23:07:30

Поделиться102Вт, 19 Июл 2011 00:04:34

Поделиться103Вт, 19 Июл 2011 01:13:37

Поделиться104Вт, 19 Июл 2011 01:26:47

Поделиться105Вт, 19 Июл 2011 07:37:15

Поделиться106Вт, 19 Июл 2011 11:47:46

Поделиться107Вт, 19 Июл 2011 15:03:56

Поделиться108Ср, 20 Июл 2011 14:44:56

Поделиться109Ср, 20 Июл 2011 16:32:45

Поделиться110Ср, 20 Июл 2011 21:05:06

Поделиться111Ср, 20 Июл 2011 21:08:49

Поделиться112Ср, 20 Июл 2011 22:27:17

Поделиться113Ср, 20 Июл 2011 23:23:09

Поделиться114Чт, 21 Июл 2011 05:42:19

Поделиться115Чт, 21 Июл 2011 20:54:57

Поделиться116Чт, 21 Июл 2011 21:36:31

Поделиться117Чт, 21 Июл 2011 22:13:25

Поделиться118Пт, 22 Июл 2011 02:19:37

Поделиться119Пт, 22 Июл 2011 03:17:53

Поделиться120Пт, 22 Июл 2011 09:44:29