Rion Leonheart
Я вас обожаю)
Таблицы на заказ (13)
Сообщений 501 страница 520 из 1000
Поделиться501Сб, 7 Янв 2012 11:52:52
Поделиться502Сб, 7 Янв 2012 11:59:50
Owllow, озадачили
1. Из html-верха удалить эти лишние куски:
<style type="text/css">
#pun-announcement h2 {display: none;}
</style><style>
#menu span {
padding: 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #6E6053;
background:#;
}
#submenu {
padding: 5px;
height: 300px;
text-align: left;
font-size: 12px;
width: 420px;
}
.submenutext {
text-align: center;
background:#0;
/*position:absolute;*/
width:auto;
margin:0 2px;
max-width: 100%;
display: none;
height: 294px!important;
}
span.menuButton {
cursor:pointer;
cursor:hand;
}
</style>
2.
и ради бога, подскажите как эту рекламу отодвинуть
Все в том же html-верху у вас стоит:
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 800px; top: 456px}
</style>
Ну скажем поменяйте на 1100px, что ль
Терь непосредственно к заказу:
В html-верх:
<style> #menu { margin-top: 9px; width: 170px;} #menu span { margin-bottom: 5px; text-align:left; display:block;} #submenu { padding: 0px; text-align: center; font-size: 12px; width: 590px;} .submenutext { display: none; height: 120px;} </style>
В объявление:
<center><table style="width: 100%;" border="0"> <tbody> <tr> <td valign="top"> <div id="menu"> <span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/t/p/l/n/plnmI.png"></span> <span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/t/b/Z/I/bZIL1.png"></span> <span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/t/b/Z/I/bZIL1.png"></span> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <div style="overflow: auto; width:100%; height: 118px;"><br/> Текст объявлений </div></div> <div id="sm2" class="submenutext"> <div style="overflow: auto; width:100%; height: 118px;"><br/> Текст событий </div></div> <div id="sm3" class="submenutext"><div style="overflow: auto; width:100%; height: 118px;"><br/> Акции </div></div> </div> </td> </tr> </tbody> </table></center>
В html-низ:
<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>
Инструкция по эксплуатации:
лучше просто покажите, как регулировать его высоту.
1.
.submenutext {
display: none;
height: 120px;} //высота контента кнопок
2.
<div style="overflow: auto; width:100%; height: 118px;"> //высота прокручивающегося содержимого - есть в каждой кнопке *всегда на 2 пикселя меньше, чем высота контента в п.п. 1
Отредактировано Rion Leonheart (Сб, 7 Янв 2012 12:02:05)
Поделиться503Сб, 7 Янв 2012 12:05:38
Риги, здравствуйте.
Укажите либо ссылки на картинки - либо их точные размеры. Чет тыкацо наугад лень.
Поделиться504Сб, 7 Янв 2012 13:37:59
Rion Leonheart
благодарствую, благодарствую.
1. можно ли всю эту красоту подвинуть наверх, чтобы не было адского зазора между меню
"Новые сообщения
Активные темы
Темы без ответов
Мои сообщения
Подписка
Все прочитано" и самой таблицей?
2. такой вопрос как бы. а почему текст внутри контейнера не восприимчив к редактированию? я как то неправильно это делаю? или он в принципе не будет изменяться? скажем размер, выравнивание по краю и т.д.
3. и последнее, это уже из-за моего любопытства, ширина контента тоже меняется по желанию? можно ли его выравнивать по одной стороне/середине, если его ширина не максимальна по телу форума?
Поделиться505Сб, 7 Янв 2012 13:58:32
1. можно ли всю эту красоту подвинуть наверх, чтобы не было адского зазора между меню
1. Из html-верха удалить эти лишние куски:
<style type="text/css">
#pun-announcement h2 {display: none;}
</style>
А вы его оставили.
Теперь дописывайте в него:
#pun-announcement .container {padding-top: 0em}
2. такой вопрос как бы. а почему текст внутри контейнера не восприимчив к редактированию?
Конечно восприимчив. Только при установленной прокрутке редактируется особым путем - каждый контент отдельно:
<div style="overflow: auto; width:100%; height: 148px; text-align: left;"> //выравнивает по левому краю.
и последнее, это уже из-за моего любопытства, ширина контента тоже меняется по желанию?
Не по желанию, а по установленному вами размеру:
#submenu {
padding: 0px;
font-size: 12px;
width: 590px;} //ширина
можно ли его выравнивать по одной стороне/середине, если его ширина не максимальна по телу форума?
Уже отцентрирована. Будет смещаться строго по центру, если уменьшить размер ширины контента, но при условии, что ширина таблицы меньше абсолютной ширины форума (меньше 100%):
<table style="width: 100%;" border="1">.
ЗЫ. больше здесь на вопросы не отвечаю. Для этого есть спец. тема: "Общие вопросы по заказу таблиц!"
Отредактировано Rion Leonheart (Сб, 7 Янв 2012 14:00:28)
Поделиться506Сб, 7 Янв 2012 14:00:17
Rion Leonheart
Извините, но можно изменить зону где топы на обычный текст. По сколько при нажатии кнопки топа, открывается окно посередине. А кнопка должна отправлять прямиком на топ.
Поделиться507Сб, 7 Янв 2012 14:04:42
Marikes, Ыых, разогнался чет удалите выделенное красным из кода:
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s017.radikal.ru/i405/1201/11/e19bcba275c2.jpg"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s017.radikal.ru/i417/1201/cc/c4979124ed31.jpg"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s017.radikal.ru/i417/1201/e4/4c1a94822ff3.jpg"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s017.radikal.ru/i403/1201/b3/261827b1148e.jpg"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s010.radikal.ru/i313/1201/d4/92ec5d00142c.jpg"></span><span><div style="margin-top: 25px!important; text-align: center; width: 200px; height: 100px; overflow: auto;">
<p><strong>_</strong></p>
<a href="http://top.roleplay.ru/16323" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/top8015_4.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="80" height="15"></a></div></span>
Поделиться509Сб, 7 Янв 2012 14:16:38
Owllow, да. Перестарались. Зачем вы дописываете тег на прокрутку еще раз *достаточно одной таблэтки* , если она у вас уже прописана!!! Да еще и не закрываете. Так и форум уползет.
<div id="sm1" class="submenutext" style="display:block;">
<div style="overflow: auto; width:100%; height: 128px;"><br/><div style="overflow: auto; width:100%; height: 148px; text-align: left;"> <b>01.01</b> Открыта перекличка, которая продлится до 15 января (чтобы все успели вернуться из новогодних отпусков, каникул и прочих радостей). Прошу отписаться в ней всех, кто хочет остаться с нами и дальше)
<br><br><b>26.12</b> Ну что ж, зимний снежный дизайн мы поставили, постарались создать теплое рождественско-новогоднее настроение) С наступающими праздниками, дорогие игроки!
<br><br><b>27.11</b> Дорогие Реван, Цисси, Белла и Рем! для вас написан третий квест. Читайте, думайте и пишите свое мнение, чтобы мы уже могли его запустить.
<br><a href="http://pumpkinjuice.mybb.ru/viewtopic.php?id=154"><u>Квест №3 "Недетская переделка"</u></a>
<br><br><b>11.11.11</b> Та-да-да-дам, мы сменили диз. Сам удивляюсь, как оперативненько мы это сделали, наверное, просто желание было слишком сильным) В любом случае, наслаждаемся! И я не могу пройти мимо числа 11.11.11, оно должно остаться в нашей истории!
<br><br><b>05.11</b> Итак, неделя Хэллоуина прошла, и мы вернулись к прошлому дизайну. Честно говоря, я надеюсь, что мы его тоже сменим, поскольку поднадоел уже. Но это будет чуть позже.
<br><br><b>03.11</b> Хеллоуина должно быть много! Поэтому продолжение следует. Не пугайтесь, у вас не глючит компьютер, а ваши собеседники не сошли с ума. Потому что... да здравствует праздничная цензура! <img src='http://smayly.net.ru/gallery/kolobok/pictures/RoseSML_1/64.gif'</img> <br><br>
<b>28.10</b> Объявляется неделя Хеллоуина! Давайте все будем радоваться, глядя на этот оранжевый позитивный дизайн!
<br><br>
<b>9.10</b> Стартует новый квест для взрослых: <u><a href="http://pumpkinjuice.mybb.ru/viewtopic.php?id=125">Pumpkin juice, квест№2"кошки-мышки"</a></u>
<br><br><b>4.10.</b> Начинается запись в первый игровой квест! Активнее, активнее, записываемся и начинаем играть)
присылайте заявки по адресу: <u><a href="http://pumpkinjuice.mybb.ru/viewtopic.php?id=121#p2938">Pumpkin juice, запись на первый квест</a></u>.
<br><br><b>14.09</b> Дорогие, любимые, тыквообожатели, огромная просьба отписаться во всех организационных темах. Чем быстрее мы покончим с формальностями, тем скорее начнется игра. На подходе новый квест альтернативной игры <a href=’ http://pumpkinjuice.mybb.ru/viewtopic.p … >первый раз в первый класс</b></a> Разомнемся, и узнаем чему нас сможет научить профессор Реван и во что выльется его урок для студентов
<br><br>
<b>2.09</b> ТЫКВЕННАЯ РЕВОЛЮЦИЯ, УРА-УРА! Мы же собирались переехать? Сказано – сделано, добро пожаловать на обновленный, усовершенствованный и несомненно более удобный форум. По странному и необъяснимому стечению обстоятельств наша ролевая теперь называется <b>marauders: Pumpkin juice!</b> Это значит, что мы провозглашаем культ тыквенного сока! Присоединяйтесь, зови своих друзей к нам, и прославляйте небезызвестный любимый всеми волшебниками напиток.
Мы всегда рады новым игрокам, да. Спешите занять свободные роли. Вас ждет теплый прием, захватывающее путешествие в прошлое и веселая компания. Не упустите своего шанса изменить прошлое.</div></div>
Отредактировано Rion Leonheart (Сб, 7 Янв 2012 14:20:36)
Поделиться510Сб, 7 Янв 2012 17:31:48
1. Ссылка на форум:
http://lumos.f-rpg.ru/
2. Исходники:
http://s017.radikal.ru/i433/1201/8e/5a3cbc68fe7b.png - Картинка 5, над облаком тегов
http://i045.radikal.ru/1201/e7/00e02148992d.png - Картинка 1, с прокруткой
http://i067.radikal.ru/1201/1c/59ad1ef432f6.png - Картинка 4
http://s003.radikal.ru/i202/1201/3e/e570bc26db63.png - Картинка 3
http://s04.radikal.ru/i177/1201/74/c7795f97d341.png - Картинка 2
3. Шаблон:
http://10pix.ru/img1/3958/6512476.jpg
4. Иконки под картинку 4
http://10pix.ru/img1/639235/6512578.gif
http://10pix.ru/img1/1619/6512579.gif
http://10pix.ru/img1/665953/6512581.gif
http://10pix.ru/img1/1668/6512584.gif
Поделиться511Сб, 7 Янв 2012 18:17:37
Харуно Сакура,
в html-верх:
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style>
Объявление:
<table style="width: 100%; height: 400px; text-align: center;" cellspacing="0" cellpadding="0" border="0"> <tr style="height: 200px;"> <td width="33%"> <img src="http://s04.radikal.ru/i177/1201/74/c7795f97d341.png"><br/> текст текст текст текст текст текст </td> <td width="33%" rowspan="2"> <img src="http://i045.radikal.ru/1201/e7/00e02148992d.png"><br/> <div style="width: 100%; height: 400px; overflow: auto;"> текст новостей текст новостей текст новостей </div></td> <td width="33%"> <img src="http://s003.radikal.ru/i202/1201/3e/e570bc26db63.png"><br/> текст текст текст </td> </tr> <tr style="height: 200px;"> <td> <img src="http://i067.radikal.ru/1201/1c/59ad1ef432f6.png"><br/><br/> <img src="http://10pix.ru/img1/639235/6512578.gif">0 <img src="http://10pix.ru/img1/1668/6512584.gif">0 <br/> <img src="http://10pix.ru/img1/665953/6512581.gif">0 <img src="http://10pix.ru/img1/1619/6512579.gif">0 </td> <td> <img src="http://s017.radikal.ru/i433/1201/8e/5a3cbc68fe7b.png"><br/> <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>
В html-низ:
<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 = '19'; 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', '190', '190', '9.0.0', false, flashvars, params, attributes); </script>
Поделиться512Сб, 7 Янв 2012 18:57:07
Хочется сузить колонку текста, потому что он не вмещается в боковые панели. Подскажите, возможно ли это сделать и, если возможно, как это сделать?
<style> .sidebar {position: absolute; width: 110px; top: 0; height: 400px; padding: 10px; padding-top: 600px; text-align: center; } #Rightbar { margin-left: 40px; } #Leftbar { margin-left:-267px; } #Rightbar .container, #Leftbar .container{ color:#3d3225; padding: 10px; padding-top:86px; text-align:center!important; margin-bottom:40px; width:186px; border: 0px red solid; } #Leftbar .container.a1{ height:600px; background: transparent url(http://uploads.ru/i/Z/C/h/ZChqD.jpg) no-repeat 4px 6px; } #Rightbar .container.a1{ height:600px; background: transparent url(http://uploads.ru/i/Z/C/h/ZChqD.jpg) no-repeat 4px 6px; } .nav {margin: 0 -5px 0 0px;} .nav a{display: block; color:#000000; background-color: #c6ad7b; text-align: center; width:150px; padding: 2px; margin: 1px; text-decoration: none} .nav a:hover{background-color: #291e09; color:#ffffff} .scroll { width:100%; overflow-y: auto; } </style> <span style="float:left;"> <div id="Leftbar" class="sidebar"> <div class="container a1"> <br><br><br><br><br><br><br><font size="1">И каждые полчаса к морю с грохотом проносился большой красный трамвай, по ночам его дуга высекала снопы искр из проводов; достигнув берега, трамвай со скрежетом поворачивал и мчался прочь, издавая стоны, словно мертвец, не находящий покоя в могиле. И сам трамвай, и одинокий, раскачивающийся от тряски вожатый знали, что через год их здесь не будет, рельсы зальют бетоном, а паутину высоко натянутых проводов свернут и растащат.</font></div> </div></span> <span style="float:right;"> <div id="Rightbar" class="sidebar"> <div class="container a1"> <div class="scroll" style="height:140px;"> <font size="1"><br>В тот вечер лил дождь, старый трамвай, лязгая и визжа, летел от одной безлюдной засыпанной билетными конфетти остановки к другой, и в нем никого не было -только я, читая книгу, трясся на одном из задних сидений. Да, в этом старом, ревматическом деревянном вагоне были только я и вожатый, он сидел впереди, дергал латунные рычаги, отпускал тормоза и, когда требовалось, выпускал клубы пара. <br> </div> </div></div></span>
Поделиться513Сб, 7 Янв 2012 20:25:44
Lightman, так пойдет:
#Rightbar .container,
#Leftbar .container{
color:#3d3225;
padding: 23px;
padding-top:86px;
text-align:center!important;
margin-bottom:30px;
width: 157px;
border: 0px red solid;
}
Отредактировано Rion Leonheart (Сб, 7 Янв 2012 20:26:17)
Поделиться514Сб, 7 Янв 2012 20:36:22
Rion Leonheart
Получаеццо, Вы сдвинули, да? Т.е. уменьшить шрифт нельзя? Если только сделать картинку шире и подгонять по этим параметрам?
Поделиться515Сб, 7 Янв 2012 20:44:54
Lightman, вы должны увеличить отступ по краям и уменьшить ширину ячейки, в которой располагается текст - сама картинка при этом остается прежней.
Шрифт уменьшать... чет знаете, микроскоп забыл захватить... куда уж там уменьшать - он и так очень мелкий.
Не надо подгонять по этим параметрам - нун как раз эти параметры крутить.
И вообще если вы не заказываете таблицу - для этого есть отдельная тема - "Общие вопросы по заказу таблиц 2"
Поделиться516Сб, 7 Янв 2012 20:52:13
Rion Leonheart
Вы мой спаситель) Не ругайтесь. Спасибо большое, все сделаю, как описали. Молчу)
Поделиться517Сб, 7 Янв 2012 23:38:55
http://lamouretlamort.rolbb.ru/
можете дать код такой таблицы?)
только с подробным устанавливанием)
Поделиться518Вс, 8 Янв 2012 01:15:19
Натаська, оформите заявку как положено - пример в первом посте темы - и все сможем вам и нарисовать, и дать и еще на вопросы ответим.
Поделиться519Вс, 8 Янв 2012 09:52:51
При заказе таблиц от вас требуется:
1)
2) Ссылка на ваш форум
http://tdvcharmed.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Границы таблиц не должны быть видны, прокрутки только на приветствии и новости.
Поделиться520Вс, 8 Янв 2012 13:51:05
Натаська, администрирование -> настройки -> объявление:
<table style="width: 100%; height: 200px; text-align: center;" border="0" cellspacing="0" cellpadding="0"> <tr height="40%"><td width="50%"> <p><strong>Администрация</strong></p><br/> администраторы форума </td><td width="50%"><div style="width: 100%; height: 80px; overflow: auto;"> <p><strong>Приветствие</strong></p><br/> текст приветствия </div></td></tr><tr height="60%"><td> <strong>Модерация</strong><br/><br/> <p>список модераторов</p> <br/><strong>Навигация</strong><br/><br/> <p><a href="ссылка на тему">акции</a>; <a href="ссылка на тему">внешности</a>; <a href="ссылка на тему">персонажи</a>; <a href="ссылка на тему">шаблон анкеты</a>;</p> </td><td><div style="width: 100%; height: 120px; overflow: auto;"> <p><strong>Новости</strong></p><br/> текст новостей </div></td></tr></table>