Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться32015-01-03 19:57:00
.punbb td div.tclcon {
margin-left: 75px;
}
Поделиться42015-01-05 17:51:28
Код:
<div style="position: absolute; top: 390px; left: 390px; width:250px;"> <a href="ссылка" title="Геката" target="blank"><img src='http://sf.uploads.ru/t/dpfLx.jpg' onmouseover="this.src='http://sf.uploads.ru/t/wrjFV.gif'" onmouseout="this.src='http://sf.uploads.ru/t/dpfLx.jpg'" border=0> <a href="ссылка" title="Эрида" target="blank"><img src='http://sf.uploads.ru/t/xQnwk.jpg' onmouseover="this.src='http://sf.uploads.ru/t/kYhls.gif'" onmouseout="this.src='http://sf.uploads.ru/t/xQnwk.jpg'" border=0> <a href="ссылка" title="Аполлон" target="blank"><img src='http://sf.uploads.ru/t/Xjut8.jpg' onmouseover="this.src='http://sf.uploads.ru/t/RgHye.gif'" onmouseout="this.src='http://sf.uploads.ru/t/Xjut8.jpg'" border=0> <a href="ссылка" title="Деймос" target="blank"><img src='http://sf.uploads.ru/t/4vgJB.jpg' onmouseover="this.src='http://sf.uploads.ru/t/0x1ru.gif'" onmouseout="this.src='http://sf.uploads.ru/t/4vgJB.jpg'" border=0> </br></br> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">каждый </a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">охотник</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">желает</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">знать</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">где </a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">сидит</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">фазан</a> </div> <style>#slideshow { margin-top:-75px; width:310px; height: 220px; position: absolute; } #slideshow #slidesContainer { margin:0 auto; width:310px; height: 220px; overflow:auto; /* allow scrollbar */ position:absolute; } #slideshow #slidesContainer .slide { margin:0 auto; width:270px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:300px; } /** * Slideshow controls style rules. */ .control { display:block; width: 40px; height: 30px; text-indent:-10000px; position:absolute; cursor: pointer; z-index: 2000; } #leftControl { top: 150px; left: 90px; background:transparent url(http://sd.uploads.ru/OLh2E.png) no-repeat 0 0; } #rightControl { top: 150px; right: 110px; background:transparent url(http://sd.uploads.ru/lbxkL.png) no-repeat 0 0; } /*Style rules for Demo page */ * { margin:0; padding:0; } </style> <script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 300; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .wrapAll('<div id="slideInner"></div>') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'right', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script> <table border=0 width="600px" height="250px" style="text-align: justify; position: absolute; margin-left: 290px; top: 340px; "><tr align=justify><td width="270 px"> <center> <br><b>Что снится тебе зимней ночью?</b></center> Мы приглашаем вас посетить необычные закоулки Зачарованного леса, полетать на "Веселом Роджере", спрятаться в волшебном шкафу или же побродить по грибным тропинкам вместе с Алисой. Не сидите на главной странице, для вас действует множество акций и вкусностей. Давайте вместе напишем сказочную историю! <style> table.prev { width:0; border-collapse:collapse; border:solid 0px transparent; } table.prev td{ padding:0 4px; } .tryam{ border:solid 0px #fff!important; } .Myimg { text-align:center; border:solid 2px #fff!important; border-bottom-width:2px!important; background-color: #D6C59B; width:160px; position:absolute; display:none; z-index:100; margin-top:-100px; margin-left:-30px; box-shadow: 0px 2px 8px #7C7259; -webkit-box-shadow:0px 2px 8px #7C7259; -khtml-box-shadow:0px 2px 8px #7C7259; -moz-box-shadow:0px 2px 8px #7C7259; } } #ObrmlTable{ padding:34px; } </style> <center><div id=ObrmlTable> <table class=prev><tr> </tr></table></div> <td width=290><!-- Slideshow HTML --><div id="slideshow"><div id="slidesContainer"> <div class="slide"> <center><b>Тема недели:</b><br> <a href="ссылка"><img src="http://s3.uploads.ru/SjVW4.gif" title="МЕСЯЦ СНЕГОПАДА И ПРАЗДНИКОВ" class="Hoverbuttons"></a><br><br> Жертва семи дней: <a href="http://onehundrednightmares.rusff.ru/"><b>голосование</b></a><br><br></center> </div> <div class="slide"> <font color="#000000"> <div style="overflow: scroll; overflow-x: hidden; height:150px; width:270px"> <center><b>::ЛУЧШИЙ СОН::</b><br>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст<a href="http://onceuponadream.rusff.ru/viewtopic.php?id=126#p63309"><img src="http://s4.uploads.ru/9tQdX.png" title="читать далее" class="Hoverbuttons"></a></center><br></span></font> </div> </div> <div class="slide"> <center><b>::Лучшие сказочки::</b><br> <a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a> <a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a> <a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a> <a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a> <br><br><b>::Сказочная пара::</b><br><a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a> <a href="..." title="мб ты?" target="blank"><img src="http://sf.uploads.ru/t/VjQ9v.jpg"></a></center> </div> </div> </div> </div> <!-- Slideshow HTML --> </td> </tr></table>
Страница: 1