Хотела бы сделать табличку.
1) http://uploads.ru/?v=7wLgz.png
2)http://zagadkalesa.rolka.su/
3) Все указано на таблице =)
Таблицы на заказ (14)
Сообщений 681 страница 700 из 1000
Поделиться681Пн, 18 Июн 2012 16:05:46
Поделиться682Вт, 19 Июн 2012 11:57:53
Очень нужна таблица. Стиль: MyBB RPG.
Поделиться684Вт, 19 Июн 2012 16:42:17
1) Добрый день! Вот табличка на пробнике (мой пробник): http://tyiyu.mybb.ru/
2)ссылка на форум http://vampirediaries.spybb.ru/
3)Можно что справа, были тоже кнопки? ( ну как слева. Нажимаешь на кнопку, а по середине показывает содержимое. Только с двух сторон)
Отредактировано Пятнистая Звезда (Вт, 19 Июн 2012 16:47:34)
Поделиться685Вт, 19 Июн 2012 19:30:49
1) Вот — http://s015.radikal.ru/i330/1206/3c/59fff08b5ad2.jpg
2) Форум — http://kotwarriors.mybb.ru/
3) Плавное появления текста при нажатие на каждый контейнер. Если можно можете сделать два варианта с границами и без. Прокрутка во всех контейнерах.
Отредактировано карамель` (Вт, 19 Июн 2012 19:33:54)
Поделиться686Ср, 20 Июн 2012 15:52:29
Tapira,
в объявление
<style> .rd_rvr h3 {font-size: 125%; font-weight: bold; font-family: 'palatino linotype', serif; margin: 5px 0 5px 0;} .rd_rvr .pica img {width: 65px; height: 65px; margin: 5px 0px 0px 0px;} .navign td {text-align: center; vertical-align: top;} .navign a {display: block; margin-bottom: 2em;} </style> <table class="rd_rvr" style="height: 350px;" cellpadding="0" cellspacing="0"> <tr> <td style="width: 640px;"> <!-- Cлайдер--> <style type="text/css"> #slideshow { margin:0 auto; width:640px; height:350px; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:614px; height:350px; position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:594px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ height:350px; text-align: center; } .control { display:block; width:13px; height:20px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:100; } #leftControl { top:165px; left:0; background:transparent url(http://uploads.ru/i/X/Q/q/XQqg8.png) no-repeat 0 0; } #rightControl { top:165px; right:0; background:transparent url(http://uploads.ru/i/y/b/r/ybrmE.png) no-repeat 0 0; } </style> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <h3>Навигация</h3> <table class="navign" style="width: 100%;"> <tr> <td style="width: 50%;"> <strong>Для гостей</strong> <br/><br/> <a href="link">topic 1</a> <a href="link">topic 2</a> <a href="link">topic 3</a> <a href="link">topic 4</a> <a href="link">topic 5</a> <a href="link">topic 6</a> <a href="link">topic 7</a> <a href="link">topic 8</a> </td> <td style="width: 50%;"> <strong>Для пользователей</strong> <br/><br/> <a href="link">topic 1</a> <a href="link">topic 2</a> <a href="link">topic 3</a> <a href="link">topic 4</a> <a href="link">topic 5</a> <a href="link">topic 6</a> <a href="link">topic 7</a> </td> </tr> </table> </div> <div class="slide"> <h3>Игровые данные</h3> <div align="left"> <strong>Время в игре:</strong> ... <br/><br/> <strong>Погода:</strong> ... </div> <br/><br/><br/> текст текст текст текст </div> <div class="slide"> <div style="width: 100%; height: 348px; overflow-y: auto;"> <h3>Рейтинг</h3> Не стесняемся и нажимаем каждый день! =) Не ленитесь! ;) <br/><br/> <a href="http://top.roleplay.ru/18126" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </div> </div> <div class="slide"> <div style="width: 100%; height: 348px; overflow-y: auto;"> <h3>Партнёры</h3> <a href="http://universe.rusff.ru" target=_blank><img src="http://savepic.net/1240488.png" border="0" alt="Ролевой проект Вселенная в сети. Здесь возможно все..."></a> <a href="http://protuv2d.mybb.ru/"><img src="http://forumupload.ru/uploads/000e/c4/91/51599-1.gif" title="Противостояние | Битва продолжается"/></a> <a href="http://urchoice.ru/" target="_blank"><img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"/></a> <a href="http://crossovergame.spybb.ru/" target="_blank"><img src=http://savepic.ru/2966861.gif alt="РПГ Горизонт событий"></a> <a href="http://underwood.do.am/"><IMG alt="Underwood" src="http://i51.tinypic.com/hwkgvc.gif"></a> </div> </div> </div></div><!--End// Cлайдер--> </td> <td style="width: 240px;" align="center" valign="top"> <h3>Администрация</h3> <div class="pica"> <img src="пикча"/> <img src="пикча"/> <img src="пикча"/> </div> </td> </tr> </table>
в html-низ
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 614; var slides = $('.slide'); var numberOfSlides = slides.length; // С помощью скрипта убираем прокрутку в контейнере. $('#slidesContainer').css('overflow', 'hidden'); // Свернем все вкладки .slides в блок #slideInner slides .wrapAll('<div id="slideInner"></div>') .css({ 'float' : 'left', 'width' : slideWidth }); // Проставим блоку #slideInner ширину, равную общей ширине контейнеров $('#slideInner').css('width', slideWidth * numberOfSlides); $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); manageControls(currentPosition); $('.control') .bind('click', function(){ currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; manageControls(currentPosition); $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); function manageControls(position){ // Скрыть левую стрелку у первого контейнера if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Скрыть правую стрелку у последнего контейнера if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script>
Примочки типа - "слайд 1/2/3/4" и стоп/старт, а также самолистание спрашивайте на Drop of Poison, ибо я пока кроме них больше нигде не видел этой ерунды.
Отредактировано Rion Leonheart (Ср, 20 Июн 2012 16:40:09)
Поделиться687Ср, 20 Июн 2012 16:39:13
Captain Morgan,
without slider
<style> #pun-announcement .container {padding-top: 1.5em} .king_l td {text-align: center; vertical-align: top;} </style> <center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0"> <tr style="height: 45px;"> <td colspan="3"> текст </td> </tr> <tr> <td style="width: 25%;"> текст </td> <td style="width: 50%;"> <div style="width: 100%; height: 250px; overflow-y: auto;"> текст </div> </td> <td style="width: 25%;"> текст </td> </tr> <tr style="height: 90px;"> <td> текст </td> <td> текст </td> <td> текст </td> </tr> </table></center>
table & slider
в объявление
<style> #pun-announcement .container {padding-top: 1.5em} .king_l td {text-align: center; vertical-align: top;} </style> <center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0"> <tr style="height: 45px;"> <td colspan="3"> текст </td> </tr> <tr> <td style="width: 25%;"> текст </td> <td style="width: 50%;"> <!-- Cлайдер--> <style type="text/css"> #slideshow { margin:0 auto; width:405px; height:250px; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:325px; height:250px; position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:305px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ overflow-y:auto; /* поддержка прокрутки */ height:250px; text-align: center; } .control { display:block; width:39px; height:250px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:100; } #leftControl { top:0; left:0; background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px; } #rightControl { top:0; right:0; background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px; } </style> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> Первый </div> <div class="slide"> Второй </div> <div class="slide"> Третий </div> </div></div><!--End// Cлайдер--> </td> <td style="width: 25%;"> текст </td> </tr> <tr style="height: 90px;"> <td> текст </td> <td> текст </td> <td> текст </td> </tr> </table></center>
в html-низ вместо старого
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 325; var slides = $('.slide'); var numberOfSlides = slides.length; // С помощью скрипта убираем прокрутку в контейнере. $('#slidesContainer').css('overflow', 'hidden'); // Свернем все вкладки .slides в блок #slideInner slides .wrapAll('<div id="slideInner"></div>') .css({ 'float' : 'left', 'width' : slideWidth }); // Проставим блоку #slideInner ширину, равную общей ширине контейнеров $('#slideInner').css('width', slideWidth * numberOfSlides); $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); manageControls(currentPosition); $('.control') .bind('click', function(){ currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; manageControls(currentPosition); $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); function manageControls(position){ // Скрыть левую стрелку у первого контейнера if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Скрыть правую стрелку у последнего контейнера if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script>
Поделиться688Ср, 20 Июн 2012 16:42:45
Хотела бы сделать табличку.
Графа "строка" под контейнером с кнопками статична по отношению к контейнеру с изменяющейся иформацией или часть его и меняется вместе с ним?
Поделиться689Ср, 20 Июн 2012 16:43:33
M-1, границы принципиальны?
Поделиться690Ср, 20 Июн 2012 16:44:22
Можно сделать такую таблицу?)
Ссылка на форум в профиле?
Поделиться691Ср, 20 Июн 2012 17:07:11
3)Можно что справа, были тоже кнопки?
Замените объявление
<style> #menu-lef, #menu-rig { margin-top: 0px; width: 200px;} #menu-lef span, #menu-rig span { border: 1px dashed #c99797; text-align: left; display: block; color: #fff7e3; margin-bottom: 10px; padding: 5px;} #menu-rig span { text-align: right;} #submenu, #menu-lef span, #menu-rig span { -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background-image: url(http://s016.radikal.ru/i335/1206/7f/f8d49476ee18.png);} #menu-lef .tabactive, #menu-rig .tabactive { color: #fff7e3; background: #b37878;} #submenu { border: 1px dashed #c99797; padding: 10px; height: 160px; text-align: center; font-size: 12px; width: 320px;} .submenutext { display: none; height: 160px; overflow-y: auto;} </style> <center><table> <tbody> <tr> <td align="center"> <div id="menu-lef"> <span alt="#sm1" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rnovosti.png"/></span> <span alt="#sm2" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rupravlenie.png"/></span> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <img src="http://i021.radikal.ru/1206/92/c21af259ddf4.gif"/> <br/> <p><b>Новости о форуме:</b> <br/> <i>Добро пожаловать на ролевую «The Vampire Diaries - True blood» Вся наша семья приветствует Вас и желает приятной игры! <br/> Заходите, располагайтесь и наслаждайтесь игрой. Коллектив у нас очень дружный и веселый. Не стесняйтесь - пишите свои отзывы и просьбы, вам обязательно ответят! <br/> Дорогие гости, мы специально открыли для вас весь форум, чтобы вы могли все изучить и осмотреть, а потом оставить свои отзывы в гостевой и зарегистрироваться! <br/> Рейтинг нашей игры - G, то есть данный форум открыт для посещения пользователями любого возраста.</i> </div> <div id="sm2" class="submenutext"> <b>Администраторы:</b> <br/><br/> <a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i500/1206/ea/14af26c98d5a.jpg" alt="The Vampire Diaries" title="Elena Gilbert"></a> <a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=17"><img src="http://i048.radikal.ru/1206/ac/11423df90446.jpg" alt="The Vampire Diaries" title="Damon Salvatore"></a> <a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=19"><img src="http://s018.radikal.ru/i521/1206/3b/a9db9964f468.jpg" alt="The Vampire Diaries" title="Caroline Forbs"></a> <br/> Идет набор! <br/><br/> <b>Модераторы:</b> <br/><br/> <a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=21"><img src="http://s58.radikal.ru/i159/1206/5d/a411bec5b892.jpg" alt="The Vampire Diaries" title= "Jeremy Gilbert"></a> <a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a> <a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a> </div> <div id="sm3" class="submenutext"> <b> Жизнь в городе</b> <br/> <i>Людишки так суетливы в этом городе, как муравьи в своем муравейнике. Иногда жители натыкаются на вампиров, и их убивают. Так что за последние время, совершенно очень много убийств. Ну, жители, конечно не знают что это вампиры, а думают что это был "агрессивный зверь". Основатели города, пытаются защитить свой город, но, увы, это им плохо дается...</i> </div> <div id="sm4" class="submenutext"> <b>Погода.</b> <br/> <i>Ясное небо на востоке озарилось первыми лучами солнца. Температура постепенно повышается. Со временем с ночных +5°C она увеличится до дневных +15°C. Туман стал рассеиваться и сменяться легкой дымкой. Ветер, дующий теперь с холмов, стал сильнее, но зато не пробирает до костей. Не очень душно. Горы. Зима. Февраль. Утро. Здесь еще темно и солнце пока не показалось из-за горных вершин. Царит сумрак. По сравнению с ночью стало холоднее, хотя температура с -15°C со временем повышсится до -5°C. Ветер стал слабее. Небо ясное, осадков нет.</i> <br/> С уважением синоптики. </div> </div> </td> <td align="center"> <div id="menu-rig"> <span alt="#sm3" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span> <span alt="#sm4" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/RpogodaP.png"/></span> </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-lef span, div.#menu-rig span").click(function() { $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Поделиться692Ср, 20 Июн 2012 17:09:31
1) Вот —
А чо не по всему периметру кнопки?
Поделиться693Ср, 20 Июн 2012 18:04:52
Rion Leonheart
Не знаю Хотя, те, что справа лучше убрать.
Поделиться694Ср, 20 Июн 2012 20:56:11
Ссылка на форум в профиле?
а, дад)
http://wcft.mybb.ru/
а, да, дырявая башка, можно без границ?
Поделиться695Ср, 20 Июн 2012 22:04:09
Rion Leonheart
Спасибо большое!
Поделиться696Ср, 20 Июн 2012 22:08:12
Rion Leonheart огромнейшее Вам спасибо и низкий поклон
Поделиться697Чт, 21 Июн 2012 10:26:04
1. эскиз
2. вот ссылка на форум
3. фон таблицы прозрачный, на таблице только квадратики для вставки изображений в уменьшеном виде. маленькие таблички по бокам для изображений 100х100 пикс. вторые для изображений 180х180 пикс. квадрат посередине для изображений разных размером. чтобы при наведении можно было увидеть картинку в полный размер) вроде так
Поделиться698Чт, 21 Июн 2012 12:40:12
Пост 682 заменяется новым.
Стиль MyBB RPG
Поделиться699Чт, 21 Июн 2012 14:19:57
День добрый Мастера!
вот мой заказ, если не трудно)
1. Без линий
2. Что насчет черных квадратов - видно одну картинку, наводишь другая (на всех чтобы) размер картинок 60х60
3. в навигацияe выстроить их, ну чтобы по середине в два столбика
за рание спасыбо
Отредактировано goodloonely (Чт, 21 Июн 2012 18:08:30)
Поделиться700Чт, 21 Июн 2012 16:47:53
Rion Leonheart
Спасибо конечно, но вышло не как я ожидала. Получилось что справа и слева по две кнопки. А я имела ввиду, чтоб слева остались эти четыре кнопки. ( управление, новости, жизнь в городе, погода.)
И слева чтоб были четыре кнопки ( ну там, партнеры, полезные ссылки и прочие)
Можно?