Калейдоскоп аватар |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]
1. ссылка на форум -
http://mozartrolplayer.rusff.ru/
2. эскиз таблицы.:
http://s018.radikal.ru/i510/1201/46/ffbfd40cd428.jpg
http://s018.radikal.ru/i502/1201/59/d8a4ae222a81.jpg
3. дополнительные предпочтения -
желательно белая,с каким нибудь слабым оттенком нотного листа)
бегущая страка баннеры где)
4. Ширина вашего форума и высота таблички
ширина 640px
А вот высоту не знаю(
Отредактировано Daria_Hatter (2012-01-13 22:31:57)
ширина 640px
Там форум явно не 640 
А где акции, правила - это навигация?
Да)К сожалению в этом я дебил полный)Ну я просто не знаю какая ширина)
Daria_Hatter
Ну попробуй - ставь, если что обращайся - подгоним
HTML низ
Код:<table border=0 width="200px" height="340px" style="text-align: justify; position: absolute; margin-left: -235px; top: 400px; background-color: #d6dede; background-image : url(http://uploads.ru/i/C/m/o/CmoXc.png);" border: 3px #7a7a7a; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="50px" height=50px"> <center><b>АДМИНЫ</b><br> <br>админы <br>админы <br>админы <br>админы <br>админы <br>админы <br><br><br> <center><b>НАВИГАЦИЯ:</b> <style> .nav {margin: 2px;} .nav a{display: block; color:#d6dede; background-color: #fff; text-align: center; width:200px; padding: 4px; margin: 1px; text-decoration: none} .nav a:hover{background-color: #e5e1d2; color:#fff} </style> <div class="nav"> <a href="ссылка"><font size=1>Акции</font> </a> <a href="ссылка"><font size=1>Правила</font> </a> <a href="ссылка"><font size=1>Шаблоны анкет</font> </a> <a href="ссылка"><font size=1>Сюжет</font> </a> </div> <center><b>БАННЕРЫ:</b><br> <div style="width: 100%; height: 50px; "><marquee> Бегущая строка для баннеров </marquee></div> </td></tr></table> <table border=0 width="200px" height="350px" style="text-left: justify; position: absolute; margin-left: 880px; top: 400px; background-color: #d6dede; background-image : url(http://uploads.ru/i/C/m/o/CmoXc.png);" border: 3px #7a7a7a; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="50px" height=50px"> <center><b>СЮЖЕТ</b><br> Сюжет <br>------- <br>-------- <br>-------- <br>-------- <br>--------</center> <br><b>НОВОСТИ:<br> <br>------- <br>-------- <br>-------- <br>-------- <br>-------- </td></tr></table>
1. ссылка на форум - http://moscowlife.rolka.su
2. эскиз таблицы.:
3. дополнительные предпочтения - границы таблицы прозрачные
4. Ширина вашего форума и высота таблички 900px высота примерно 400!
Заранее спасибо!
Отредактировано nikiта (2012-01-14 16:43:13)
1. ссылка на форум - http://universib.mybb.ru/
2. эскиз таблицы.: http://savepic.su/1217561.png
3. дополнительные предпочтения - окошки под номером 1 – равны по размеру, окошки под номером 2 – соответственно)
4. Ширина вашего форума и высота таблички ширина 850, высота – 400-500.
Erika
<center><TABLE WIDTH="850" BORDER= CELLSPACING=4 CELLPADDING=4> <TR> <TD height="200" width="280" ALIGN="center" rowspan="3">НОВОСТИ <br></TD> <TD height="133" width="290" ALIGN="center" rowspan="2">ПАРТНЕРЫ</TD> <TD height="200" width="280" ALIGN="center" rowspan="3">НАВИГАЦИЯ</TD> </TR> <TR> </TR> <TR> <TD height="134" width="290" ALIGN="center" rowspan="2">ЛУЧШИЙ ИГРОК</TD> </TR> <TR> <TD height="200" width="280" ALIGN="center" rowspan="3">РАСПИСАНИЕ</TD> <TD height="200" width="280" ALIGN="center" rowspan="3">АДМИНИСТРАЦИЯ</TD> </TR> <TR> <TD height="133" width="290" ALIGN="center"rowspan="2">ПОГОДА</TD> </TR> <TR> </TR> </TABLE>
Tunguska
эм... А как сделать прокрутку? ^__^
Erika
<div align="center" style="overflow: auto; overflow-x: hidden; width: ширина в пикселях; height: высотаpx; margin-top: 2px; padding: 1px;">
текст
</div>
1. ссылка на форум - http://vamdiaries.rusff.ru/
2. эскиз таблицы.:
3. дополнительные предпочтения -
там где пустое место посередине, во втором ряду - место для картинки)
без границ)
4. Ширина вашего форума и высота таблички
870*600
Отредактировано Lia (2012-01-23 20:09:55)
Lia
<center><table width="870" height="600">
<tr>
<td width="250" height="300"><center>WELCOME </td>
<td width="185" height="300"><center>ADMINS </td>
<td width="185" height="300"><center>MODERS </td>
<td width="250" height="300"><center> NAVIGATION
<center>
<br>
<style>
.nav {margin: 2px;}
.nav a{display: block; color:#000; background-color: #8c6239; text-align: center; width:200px; height:15px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #a37c54; color:#000}
</style>
<div class="nav">
<a href="ссылка"><font size=1>Гостевая</font> </a>
<a href="ссылка"><font size=1>Правила</font> </a>
<a href="ссылка"><font size=1>Занятые роли</font> </a>
<a href="ссылка"><font size=1>Сюжет</font> </a>
<a href="ссылка"><font size=1>Акции</font> </a>
<a href="ссылка"><font size=1>Шаблоны анкет</font></td>
</tr>
<tr>
<td><center>IN GAME</td>
<td COLSPAN=2 width="370" height="300"> </td>
<td><center>PIAR </td>
</tr>
</table>Tunguska
спасибо огромное)
1. ссылка на форум - ещё не создан. делаю на пробнике:)
2. эскиз таблицы.:
3. дополнительные предпочтения -
хочется как тут - http://feelme.rusff.ru/
4. Ширина вашего форума и высота таблички
850, сколько получится.
1. ссылка на форум - http://endofhumanrace.rolebb.com/
2. эскиз таблицы.: http://uploads.ru/i/I/9/3/I93EB.png
3. дополнительные предпочтения -
без границ; название иконок картинкой с красивым текстом и, если можно, сделать текст названия иконок коричневого цвета(#3c2513)
*там где звездочки - всплывающие окна с фоном(#ebe3bc)
4. Ширина вашего форума и высота таблички
800х550
А вообще высота не важна.
193
[взломанный сайт]
гриффиндорка;
Я конечно извиняюсь, но потерпите немного. Мастера тоже люди и у них есть свои проблемы. Не стоит кричать и умолять - не поможет.
Друзья, имейте терпение) Я прошу прощения за задержки - но я уже на разрыв все делаю, сами можете увидеть ... 
гриффиндорка;
Код:<style type="text/css"> <!-- #slideshow { margin:0 auto; width:850px; height:350px; background:transparent url(ссылка_на_фон_вкладок) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:850px; height:350px; overflow:auto; /* поддержка прокрутки */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:830px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ height:350px; } .control { display:block; width:39px; height:350px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top: 0px; left: -85px; background:transparent url("http://uploads.ru/i/X/h/g/Xhgap.png") no-repeat 0 0; } #rightControl { top:0; right: -75px; background:transparent url("http://uploads.ru/i/2/l/r/2lrnL.png") no-repeat 0 0; } .slide h2, .slide p { margin: 15px; } .slide img { float:right; margin:0 15px; } --> </style>
Код:<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 850; 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>
Код:div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <table width="100%" cellpadding="0" cellspacing="20" border="0" class="display" id="companies"> <thead> <tr> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> </tr> </thead> </table> </div> <div class="slide"> <table width="100%" cellpadding="0" cellspacing="20" border="0" class="display" id="companies"> <thead> <tr> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> <th width="33%" align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</th> </tr> </thead> </table> </div> </div>
Tunguska
извините, больше торопить не буду...просто она мне очень срочно нужна.
спасибо огромное:* пойду тестить!
Tunguska
а можно как-то сделать, чтобы стрелки были не так далеко?
http://number1.rolka.su/
гриффиндорка;
В верхней части (HTML-верх) найдите вот эти строчки и меняйте как вам угодно),
так же можешь поменять картинки стрелочек на свои) (в этих же пунктах)
#leftControl {
top: 0px;
left: -85px;
background:transparent url("http://uploads.ru/i/X/h/g/Xhgap.png") no-repeat 0 0;
}#rightControl {
top:0;
right: -75px;
background:transparent url("http://uploads.ru/i/2/l/r/2lrnL.png") no-repeat 0 0;
}
Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]
