Tunguska
Не совсем поняла... Ты имеешь ввиду надписи будут или картинки в заголовках? Это на твое усмотрение)
Отредактировано .mamba way (2011-02-20 14:12:11)
Калейдоскоп аватар |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]
Tunguska
Не совсем поняла... Ты имеешь ввиду надписи будут или картинки в заголовках? Это на твое усмотрение)
Отредактировано .mamba way (2011-02-20 14:12:11)
1. ссылка на форум - http://lifeinlife.rolka.su/
2. эскиз таблицы.:
внизу
3. дополнительные предпочтения -
сделать без видимых границ.
там где у меня по две полоски - прокрутка (дописать забыла в табличке хD)
4. Ширина вашего форума и высота таблички
ширина форум - 85%
высота таблички: как здесь, только на 5рх побольше http://pantersmir.mybb.ru/
Coca-Cola
что отходит в сторону?? таблица ровно на скрине! ты имеешь ввиду картинку?
Если съезжает сама таблица (что у меня тоже периодически происходит), есть выход -
делаешь ширину таблицы меньше чем ширина форумных таблиц (например форум 800 пикс - таблицу делаешь 760пикс) и в начале проставляешь <center>!
<center><table width="900" width="300"border="0">
.mamba way
при написании текста таблица растягивается!
<center><table width="770" height="400" border="0"> <tr> <td width="256"><div align="center"> <p>NEWS IN GAME</p> <br>11111111111111111111111111111111111 1111111111111 <br><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">ABOUT THE ROLE</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div> </div></td> <td width="258"><div align="center"> <p>ADMINISTRATIONS </p> <br>111111111 <br>222222222 <p>MANAGERS</p> <br>33333333333 <br>444444444444 <br> <form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option> Навигация по сайту </option> <option value="ссылка на страницу"><small>название ссылки</small></option> <option value="ссылка на страницу"><small>название ссылки</small></option> </select> </form> <br><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">TIME AND WEATHER</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="256"><div align="center"> <p>THE NECESSARY CHARACTERS </p> <br>777777777777777777777777 777777777 <p>SEQUENCE POSTOINGS</p> <br><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">PARTNERS</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> </tr> </table>
HappyTime©
<center><table width="85%" height="220" border="0"> <tr> <td width="33%" align="center"><img src="адрес картинки"> <br><div style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width: (размер-ширина)px"> Новости<br> ...<br> ...<br>....</div></td> <td width="33%" align="center"><img src="адрес картинки"> <br><div style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width: (размер-ширина)px"> Новости<br> ...<br> ...<br>....</div></td> <td width="33%" align="center"><img src="адрес картинки"> <br><div style="overflow: scroll; overflow-x: hidden; height: (размер-высота)px; width: (размер-ширина)px"> Новости<br> ...<br> ...<br>....</div></td> </tr> </table>
Tunguska
картинку.
из-за нее съезжает таблица. почему не знаю, сам размер картинки и ее размер в таблице я отрегулировал.
может скритп лажает.
Tunguska
Спасибо. а вот я что-то не очень поняла... А где выпадающее окошечко, ну что бы нажимать и оно выезжало?
Новости
Вместо него можно любое слово вставить, так?
.mamba way
блин прости, это я тупанула, не до конца все дала)))
для выпадающих еще вот это вставь
Код:<style> div .splLink {width: 130px; height: 40px; border: 0px solid #FFD700; background: none; text-align: center; font-family: Arial; font-size: 15px; padding: 5px;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: auto; width: 200px; background: url(); background: #6e6b88;padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #000; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style>
Код:<!--Спойлер - контейнер--> <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>
HappyTime©
ага)
Tunguska
Спасибо))
1. ссылка на форум -
† Shiki |Corpse demon| Усопшие †
2. эскиз таблицы.:
прошу помочь сделать вот такую таблицу
ну никак у меня не получается её оформить Т_т
3. дополнительные предпочтения -
должна быть прозрачная табличка, слова картинками (шрифт как на шапке)
какие слова должны быть:
Новости
Админы
Навигация
В игре
Партнеры
4. Ширина вашего форума и высота таблички
830*450
Отредактировано Этти (2011-02-26 17:17:33)
1. ссылка на форум - http://korolevskaya.rolka.ru/
2. эскиз таблицы.: Фотка прикреплена
3. дополнительные предпочтения - НЕТ
4. Ширина вашего форума и высота таблички Ширина как у вас, а высота таблица прямо как на фотке.
Отредактировано Angel-Demon (2011-03-02 17:54:14)
1. ссылка на форум -
http://lifeinlife.rolka.su/
2. эскиз таблицы.:
3. дополнительные предпочтения -
Вылетающие контейнеры, 4 штуки в ряд
Надписи на контейнерах курсивом . Кстати вот и сами надписи:
"Администрация", "Информация", "Форум", "Игра"
4. Ширина вашего форума и высота таблички
Ширина 85%, высота надписи контейнеров на выбор.
Этти попробуй
HTML верх
Код:<style> .container1 {width: 700px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: center; list-style: none; height: 40px; width: 140px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 0px; border-top: 0px dotted #000000; border-bottom: 0px dotted #000000; border-right: 0px dotted #000000; border-left: 0px dotted #000000; margin-bottom: 0px; background: url(); overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active a:hover { background: url(); border-bottom: 0px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 800px; height: 450px; background-image : url(); background-color: none; border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000; } </style>
HTML низ
Код:<script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>
Объява
Код:<center><div class="container"> <div class="html-box"> <ul class="tabs"> <li class="active"><a href="#tab1"><img src='http://savepic.net/673083.png' /></a></li> <li><a href="#tab2"><img src='http://savepic.net/700730.png' /></a></li> <li><a href="#tab3"><img src='http://savepic.net/689466.png' /></a></li> <li><a href="#tab4"><img src='http://savepic.net/693562.png' /></a></li> <li><a href="#tab5"><img src='http://savepic.net/682298.png' /></a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> текст 1 </div> <div style="display: none;" id="tab2" class="tab_content"> текст 2 </div> <div style="display: none;" id="tab3" class="tab_content"> текст 3 </div> <div style="display: none;" id="tab4" class="tab_content"> текст 4 </div> <div style="display: none;" id="tab5" class="tab_content"> текст 5 </div> </div> </div> </div>
Angel-Demon
<center><table width="850" height="600" border="0" > <tr valign="top"> <td width="280" height="300"><center><img src="Ссылка на картинку"/> <br>текст</td> <td width="290"><center><img src="Ссылка на картинку"/> <br><div style="overflow: scroll; overflow-x: hidden; height: 270px; width: 270px"> --------<br> ...<br> ...<br>....</div></td> <td width="280"><center><img src="Ссылка на картинку"/> <br><div style="overflow: scroll; overflow-x: hidden; height: 270px; width: 260px"> ----<br> ...<br> ...<br>....</div></td> </tr> <tr valign="top"> <td><center><img src="Ссылка на картинку"/> <br>Текст</td> <td><center><img src="Ссылка на картинку"/> <br><div style="overflow: scroll; overflow-x: hidden; height: 270px; width: 270px"> -----<br> ...<br> ...<br>....</div></td> <td><center><img src="Ссылка на картинку"/> <br><div style="overflow: scroll; overflow-x: hidden; height: 270px; width: 260px"> -----<br> ...<br> ...<br>....</div></td> </tr> </table>
HappyTime©
Верх
Код:<style> div .splLink {width: 120px; height: 30px; border: 0px solid #FFD700; background: none; text-align: center; font-family: Arno Pro; font-size: 15px; padding: 0px;} .spll {width: 120px; height: 30px; } .spll div .splCont {height: auto; width: 200px; background: #cad0e2; background: url(); padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #fff; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style>Низ
Код:<!--Спойлер - контейнер--> <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>Объява
Код:<center><table style="width: 500"> <tr> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://savepic.net/719154.png'></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://savepic.net/707890.png'></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://savepic.net/710962.png'></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://savepic.net/708914.png'></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> </tr> </table></center>
Tunguska
получилось) щас на пробнике смотрел) спасибо вам))))!!!!
Tunguska
спасибо
1. ссылка на форум - http://hogwarts43.rolbb.ru/
2. эскиз таблицы.:
http://s011.radikal.ru/i315/1103/b5/898a125582a7.jpg
3. дополнительные предпочтения - текст выравнивается по правому краю, картинки по середине.
1 - http://i052.radikal.ru/1103/6c/47fb18ba9ff1.png
2 - тут будет бегущая строка с баннерами
3 - http://s010.radikal.ru/i311/1103/dc/7e20e4df5972.png
4 - (картинка с ссылкой на http://hogwarts43.rolbb.ru/profile.php?id=2) http://s59.radikal.ru/i166/1103/52/dcd805c10f8e.jpg
5 - (картинка с ссылкой на http://hogwarts43.rolbb.ru/profile.php?id=10) http://s42.radikal.ru/i095/1103/8b/8b145a3056d8.jpg
6 - (картинка с ссылкой на http://hogwarts43.rolbb.ru/profile.php?id=4) http://s46.radikal.ru/i113/1103/3b/a28064a15fc9.jpg
7 - (картинка и текст в прокрутке, ширина как ширина колонки, длина 200) http://s60.radikal.ru/i168/1103/22/7b03e5fc5c19.png
8 - http://s11.radikal.ru/i183/1103/6f/8646f24c4497.png
9 - панель навигации (ссылки мы сами вставим)
4. Ширина вашего форума и высота таблички
850хвысота чтобы хорошо смотрелась с текстом, я понятия не имею сколько, 500 может быть.
Отредактировано Беллинда (2011-03-07 11:04:24)
1. ссылка на форум -
http://ofparadise.mybb.ru/
2. эскиз таблицы.:
http://www.imageup.ru/img79/bezymyannyjj591396.png
3. дополнительные предпочтения -
Та ячейка, что посередине должна быть с бегущей строкой, как стоит сейчас. Что касается фона, то, наверное, прозрачные.
4. Ширина вашего форума и высота таблички
Эм... А я не знаю. Вы можете сделать как на той, что стоит сейчас?
Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]