Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)
Rion Leonheart
а я все поняла....а нельзя сделать окошко что бы оно не было фиксированной длинны?
потому что фиг его знает сколько там будет информации в них)))
сам то фон у окошек вот такой будет http://savepic.ru/3070912.png
Отредактировано majj (Чт, 25 Авг 2011 01:34:10)
majj, оно не будет фиксированной высоты, оно будет менять размеры в зависимости от данных, которые вы туда впишите...
Вот сам код:
<style>
div .splLink {width: 150px; height: 30px; font-weight: bold; background: transparent; }
.spll {width: 130px; height: 20px; }
.spll div .splCont {height: auto; width: 200px; background-image: url("http://savepic.ru/3070912.png"); z-index: 1000; border: 1px solid #FFFFFF; font-size: 12px; text-align: center; color: #FFFFFF}
</style>
<table width="850" border="0" background="ссылка на картинку фона всей таблицы" cellpadding="2" cellspacing="11" height="400">
<tr align="center">
<td width="30%">
<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><img src="Ссылка на картинку первой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Контент первой кнопки
</DIV>
</DIV>
</div>
</td>
<td width="70%" rowspan="1">
Текст в первом окне
</td>
</tr>
<tr align="center">
<td width="30%">
<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><img src="Ссылка на картинку второй кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Контент второй кнопки
</DIV>
</DIV>
</div>
</td>
<td width="70%" rowspan="3">
Текст во втором окне
</td>
</tr>
<tr align="center">
<td width="30%">
<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><img src="Ссылка на картинку третьей кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Контент третьей кнопки
</DIV>
</DIV>
</div>
</td>
</tr>
<tr align="center">
<td width="30%">
<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><img src="Ссылка на картинку четвертой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Контент четвертой кнопки
</DIV>
</DIV>
</div>
</td>
</tr>
</table>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Все это работает в комплексе, код не делите.
И... вы такую таблицу хотели?
Рекомендуемый размер фона таблицы (=размеру таблицы): 850х400, чтобы изображение не размножалось во все стороны)
Отредактировано Rion Leonheart (Чт, 25 Авг 2011 03:49:05)
Доброе утро!
Пояснения:
1 и 3 - одинакового размера (мы туда хотим вставить календарик и часики).
2 - там текст. Посередине приветствие, которое будет меняться в зависимости от времени суток (такое можно сделать?), потом "добро пожаловать и т.п.". На следующей строке счетчик (наш форум живет ... день).
4 - бегущая строка.
5 и 8 - с прокруткой.
7 - ссылка на баннерообмен.
9 - просто приветствие (о форуме, ссылка на группу в контакте...)
Размер таблицы как на этом форуме http://7cektor.mybb.ru/
Можно ли сделать такую таблицу ? 
Ангора, здравствуйте.
Можно ли сделать такую таблицу ?
Ангора, можно, только один вопрос:
Блок "6" под картинку, как я понимаю?
Скажите высоту вашей таблицы (желательно в пикселях)? Набросок уже есть, не хватает только точности...
Отредактировано Rion Leonheart (Пт, 26 Авг 2011 04:02:00)
И... вы такую таблицу хотели?
да такую. огромное вам спасибо!
Здравствуйте.
Мне нужна таблица. http://s2.ipicture.ru/uploads/20110825/NsftuXUX.jpg
Там где кнопки (Новости и тд.), сделайте их небольшими и кликабельными. Внизу, где большая часть - там при нажатии выходит информация при нажатии на кнопки.
Я сделал не по центру кнопки) Централизуйте их пожалуйста, спасибо заранее.
И пожалуйста, напишите куда чего вставлять. Я просто нулевой в этих делах.
Отредактировано Super.Enot (Чт, 25 Авг 2011 14:43:22)
Super.Enot, здравствуйте. Уточните, пожалуйста, высоту таблицы и высоту окошка, в котором будет текст выдаваться?
Отредактировано Rion Leonheart (Чт, 25 Авг 2011 14:52:10)
Здравствуйте, хотелось бы заказать таблицу, если можно.
1) 
2) Ссылка на ваш форум
http://misteriya.mybb.ru/ (форум пока в разработке так что еще не все темы присутствуют.
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Если можно таблицу с "прозрачными" границами, одна прокрутка с текстом, и если можно кнопки навигации сделать как бы просто прописным текстом, ну и если не сложно текст как то под тематику стилизовать, форум на тему "мир после катастрофы", вроде все. арание большое спасибо.
.
Rion Leonheart
600Х400
MeloMel, здравствуйте.
Уточните, пожалуйста:
1. высоту таблицы (!)
2. кнопки с всплывающим меню, или с выпадающим? или просто ссылки на темы (тогда это не кнопки)?
3. вы указали, что картинки администрации кликабельны - т.е. при нажатии на картинку вас должно перекинуть в профиль этого человека?
1. 15 см. но лучше что бы регулировалась.
2. Ой, простите я немного напутала. Мммм... надо поменять название кнопке, вместо анкет- Полезные ссылки, и можно уточнить- с выпадающим это как?
3. Да.
Super.Enot,
<!-- Таблица -->
<style>
#menu span {
padding: 4px 8px 4px;
margin-right: 7px;
margin: 14px 0;
width: 70px;
text-decoration: none;
background: #ffffff; <!- Цвет кнопки ->
}
#menu .tabactive {
color: #ff0044; <!- Цвет текста у нажатой кнопки ->
background: transparent;
}
#submenu {
padding: 0px;
height: 400px; <!- Высота окошка с информацией ->
text-align: left;
font-size: 12px; <!- Размер шрифта в окошке ->
width: 100%; <!- Ширина окошка с информацией ->
}
.submenutext {
display: none;
height: 40px; <!- Высота кнопки ->
}
#MenuTxT {
background:url("ссылка") no-repeat center; <!-- Фоновая картинка в основной форме объявления -->
}
</style>
<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: 100%; height: 600">
<tbody>
<tr>
<td>
<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>
<td id="MenuTxT" align="center" valign="center">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<br>Пример 1<br> <!- Текст в первом блоке ->
</center>
</div>
<div id="sm2" class="submenutext"><br /><br />
<center>
Пример 2 <!- Текст во втором блоке ->
</center>
</div>
<div id="sm3" class="submenutext"><br /><br />
<center>
Пример 3 <!- Текст в третьем блоке ->
</center>
</div>
<div id="sm4" class="submenutext"><br /><br />
<center>
Пример 4 <!- Текст в четвертом блоке ->
</center>
</div>
</center>
</div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец Таблицы -->Примечания:
Вот ваша таблица, в "<!-- -->" указаны комментарии, что-куда вставлять (комменты не отображаются в самой таблице, так что не обязательно удалять)
Для работы с цветами используйте Таблицу безопасных цветов. Если вам не нужен цвет кнопок, то
background: #ffffff; <!- Цвет кнопки -> - выделенное курсивом замените на transparent;
Теперь насчет информационного окошка:
если вы хотите вставить на фон картинку, то укажите ссылку,
если вам ничего не нужно, то background:url("ссылка") no-repeat center; <!-- Фоновая картинка в основной форме объявления --> - выделенное курсивом замените на transparent ,
если у этого окошка должен быть цвет, то выделенное курсивом замените на #______ вместо пробелов вставляете номер цвета из таблицы цветов)
Отредактировано Rion Leonheart (Чт, 25 Авг 2011 16:01:40)
с выпадающим это как?
При нажатии на кнопку под ней выпадает меню ссылок на темы, а всплывающие, это когда вы нажимаете на кнопку, и рядом с ней появляется контекстное меню со ссылками на темы.
Rion Leonheart
Спасибо.
Тогда выпадающее.
Rion Leonheart
Я имел в виду, куда эту таблицу вставлять? В хтмл вверх, вниз?
Если вверх вставляю, то она совсем наверху. Мне нужно что бы она была ниже строки Форум и тд.
А за таблицу спасибо огромное
Отредактировано Super.Enot (Чт, 25 Авг 2011 16:39:38)
Super.Enot,
Администрирование -> Настройки -> Объявление
я думала, заказы делают в порядке очереди
срочно нужна таблица
пост 253
MeloMel, как-то так:
<style type="text/css">
#menu-css {
margin: 0;
padding: 0;
}
#menu-css li {
display: inline-block;
padding: 0.5em;
margin: 1em 2% 1em auto;
width: 80px;
border: 0px;
background-color: transparent;
text-align: center;
}
#menu-css li ul {
position: absolute;
margin-top: 0px;
margin-left: 0px;
z-index: 1000;
display: none;
width: 100px;
padding: 0 !important;
}
#menu-css li:hover ul {
display: block;
}
#menu-css li li {
display: block;
float: none;
width: 100%;
padding: 0.5em 0 ;
background-color: #ffffcc;
border-style: none;
margin: 0;
}
#menu-css li li:hover {
position: relative;
z-index: 1000;
background-color: #ffffcc;
}
</style>
<style type="text/css">
.scroll {
overflow: hidden;
overflow: auto;
height: 568px;
}
</style>
<table width="100%" height="100%">
<caption><font size="+2" face="Arial">Название форума</font></caption>
<tr>
<td align="center" width="33%">
<div class="scroll">
<font face="Arial">
Текст
</font>
</div>
</td>
<td width="33%">
<table>
<tr>
<td align="center" height="80%"><img align="top" src="ссылка на картинку"></td>
</tr>
<tr>
<td align="center" height="20%">
<ul id="menu-css">
<li>
<font face="Arial"><b> Полезные ссылки</b></font>
<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
</ul>
</li>
<li>
<font face="Arial"><b>Правила</b></font>
<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
</ul>
</li>
<li>
<font face="Arial"><b>О форуме</b></font>
<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
</td>
<td width="34%">
<table>
<tr><td align="center" height="20%">
<font face="Arial">
ТексТ
</font>
</td></tr>
<tr><td align="center" height="80%">
<font face="Arial"><b>Администрация</b></font>
<br>
<a href="ссылка на страницу профиля"><img src="ссылка на аватар"></a>
<a href="ссылка на страницу профиля"><img src="ссылка на аватар"></a>
<br>
<a href="ссылка на страницу профиля"><img src="ссылка на аватар"></a>
<a href="ссылка на страницу профиля"><img src="ссылка на аватар"></a> </td></tr>
</table>
</td>
</tr>
</table>После вставки скелета немного кнопочки разбегутся) не пугайтесь, они потом встанут ровно, когда картинку вставите... Левый столбец такой высокий, потому как вы указали, что высота таблицы - 15 см. Поэтому при превышении 15 см появляется ползунок прокрутки... если вам много, поменяете потом в коде, когда таблицу оформите:
<style type="text/css">
.scroll {
overflow: hidden;
overflow: auto;
height: 568px;
}
</style>
Выделенное красным на высоту вашей таблицы (иначе текст будет вылезать за края).
Что касается картинок аватаров/или-чего-у-вас-там администрации, если они будут большие, то выстроятся в один ряд справа, поэтому, чтобы регулировать их размеры, на место, подчеркнутое красным (ниже), добавьте: width="_%" height="_%"
<a href="ссылка на страницу профиля"><img _ src="ссылка на аватар"></a>
чтобы не терять качество картинки, соотношение процентной доли должно быть одинаковым, например: width="50%" height="50%", выравниваете до тех пор, пока в правой ячейке не выстроится по две картинки в ряд, код прописан для 4-х администраторов как на вашем эскизе, чтобы дописать еще кого-то, не забудьте сделать перенос строки - с помощью тега <br> (для перестраховки).
Rion Leonheart
Огромное спасибо, вы очень помогли.)
я думала, заказы делают в порядке очереди
Ну очередь разная бывает) и потом я тут один, совсем один, и не могу делать все сразу)
Плз, уточните тогда высоту таблицы (желательно в пикселях), и еще:
те квадратики, что снизу, это выплывающие меню. я бы хотела чтобы оно появлялось при нажатии на картинку размером 3 на 3 см
Т. е. при нажатии на кнопку от нее вверх всплывает сразу 6 окошечек?? Не много? 
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)