🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Анимация.Таблица. Локи
Ария
Пробуем:
Код:<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;"> <tbody> <tr> <td colspan="3" style="text-align: center;"> <img alt="" src="название_фоорума"></td> </tr> <tr> <td style="text-align: center;"> <p>Связь с амс</p> <p><img alt="ник" height="50" src="ссылка на профиль" width="50"> <img alt="ник" height="50" src="ссылка на профиль" width="50"> <img alt="ник" height="50" src="ссылка на профиль" width="50"></p> </td> <td style="text-align: center;"> <p><img alt="" height="50" src="ссылка на профиль" width="100"></p> <p>Игрок недели</p> </td> <td style="text-align: center;"> <p>Акции</p> <p>*скрипт*</p> </td> </tr> <tr> <td colspan="1" rowspan="2" style="text-align: center;"> <p>Важное</p> <blockquote>текст</blockquote> </td> <td style="text-align: center;"><img alt="" src="ссылка на гиф"></td> <td colspan="1" rowspan="2" style="text-align: center;">Новости <blockquote>текст новостей</blockquote> </td> </tr> <tr> <td style="text-align: center;">*бегущая строка*</td> </tr> </tbody> </table> <p> </p> <style type="text/css">blockquote { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 10px 0; color: #505050; } blockquote:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } blockquote:after { content: "”"; /* Правая кавычка */ font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ color: #CFCFCF; float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ }</style>
Код:<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;"> <tbody> <tr> <td colspan="4" style="text-align: center;"> <img alt="" src="название_фоорума"></td> </tr> <tr> <td style="text-align: center;"> <p>Связь с амс</p> <p><img alt="ник" height="50" src="ссылка на профиль" width="50"> <img alt="ник" height="50" src="ссылка на профиль" width="50"> <img alt="ник" height="50" src="ссылка на профиль" width="50"></p> </td> <td style="text-align: center;"> <p><img alt="" height="50" src="ссылка на профиль" width="100"></p> <p> </p> </td> <td style="text-align: center;">Игрок недели</td> <td style="text-align: center;"> <p>Акции</p> <p> </p> <div id="My_IMG"><!-- Случайная Картинка --><img border="1" height="100" src="Ссылка на 1-ю картинку"> <script type="text/javascript"> var tik = 5000; // Время отображения(в дан.случ. 5сек); ImgA = new Array ( "картинка", "картинка2", "картинка3", "End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script></div> <!-- /End/Случ.Картинк. --> <p> </p> </td> </tr> <tr> <td colspan="1" rowspan="2" style="text-align: center;"> <p>Важное</p> <blockquote>текст</blockquote> </td> <td colspan="2" rowspan="1" style="text-align: center;"><img alt="" src="ссылка на гиф"></td> <td colspan="1" rowspan="2" style="text-align: center;">Новости <blockquote>текст новостей</blockquote> </td> </tr> <tr> <td colspan="2" rowspan="1" style="text-align: center;"><marquee behavior="scroll" direction="left" id="abc" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()" scrollamount="5" style="word-wrap:normal"> <div style="height:34px!important;width:auto;">коды баннеров</div> </marquee></td> </tr> </tbody> </table> <p> </p> <style type="text/css">blockquote { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 10px 0; color: #505050; } blockquote:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } blockquote:after { content: "”"; /* Правая кавычка */ font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ color: #CFCFCF; float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ }</style>
Если у Вас есть нужные картинки - то замечательно, могу сразу вставить
Отредактировано Jii-Jo (07.11.13 09:33)
Jii-Jo
ох, если вас не затруднит, а то я опять все перепутаю)
http://vk.com/doc108073628_232075845?ha … f016-гифка
связь с администрацией -
название форума -
Ария
не затруднит, я добрый
ники и профили амс было бы еще неплохо х)
Код:<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;"> <tbody> <tr> <td colspan="3" style="text-align: center;"><img alt="" src="http://s6.uploads.ru/d0suz.png"></td> </tr> <tr> <td style="text-align: center;"> <p>Связь с амс</p> <p><img alt="ник" height="50" src="http://s6.uploads.ru/t/oQsIm.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/xYNnL.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/0n12H.png" width="50"></p> </td> <td style="text-align: center;"> <p><img alt="" height="50" src="ссылка на профиль" width="100"></p> <p>Игрок недели</p> </td> <td style="text-align: center;"> <p>Акции</p> <p>*скрипт*</p> </td> </tr> <tr> <td colspan="1" rowspan="2" style="text-align: center;"> <p>Важное</p> <blockquote>текст</blockquote> </td> <td style="text-align: center;"><img alt="" src="http://cs537417.vk.me/u53459534/docs/cfc10035d14d/tumblr_muxa5hbc5s1qe8a0fo6_250.gif"></td> <td colspan="1" rowspan="2" style="text-align: center;">Новости <blockquote>текст новостей</blockquote> </td> </tr> <tr> <td style="text-align: center;">*бегущая строка*</td> </tr> </tbody> </table> <style type="text/css">blockquote { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 10px 0; color: #505050; } blockquote:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } blockquote:after { content: "”"; /* Правая кавычка */ font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ color: #CFCFCF; float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ }</style>
Код:<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;"> <tbody> <tr> <td colspan="4" style="text-align: center;"><img alt="" src="s6.uploads.ru/d0suz.png"></td> </tr> <tr> <td style="text-align: center;"> <p>Связь с амс</p> <p><img alt="ник" height="50" src="http://s6.uploads.ru/t/oQsIm.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/xYNnL.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/0n12H.png" width="50"></p> </td> <td style="text-align: center;"> <p><img alt="" height="50" src="ссылка на профиль" width="100"></p> </td> <td style="text-align: center;">Игрок недели</td> <td style="text-align: center;"> <p>Акции</p> <p> </p> <div id="My_IMG"><!-- Случайная Картинка --><img border="1" height="100" src="Ссылка на 1-ю картинку"> <script type="text/javascript"> var tik = 5000; // Время отображения(в дан.случ. 5сек); ImgA = new Array ( "картинка", "картинка2", "картинка3", "End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script></div> <!-- /End/Случ.Картинк. --> <p> </p> </td> </tr> <tr> <td colspan="1" rowspan="2" style="text-align: center;"> <p>Важное</p> <blockquote>текст</blockquote> </td> <td colspan="2" rowspan="1" style="text-align: center;"><img alt="" src="http://cs537417.vk.me/u53459534/docs/cfc10035d14d/tumblr_muxa5hbc5s1qe8a0fo6_250.gif"></td> <td colspan="1" rowspan="2" style="text-align: center;">Новости <blockquote>текст новостей</blockquote> </td> </tr> <tr> <td colspan="2" rowspan="1" style="text-align: center;"><marquee behavior="scroll" direction="left" id="abc" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()" scrollamount="5" style="word-wrap:normal"> <div style="height:34px!important;width:auto;">коды баннеров</div> </marquee></td> </tr> </tbody> </table> <style type="text/css">blockquote { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 10px 0; color: #505050; } blockquote:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } blockquote:after { content: "”"; /* Правая кавычка */ font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ color: #CFCFCF; float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ }</style>
Jii-Jo
гифка и название не отображается, вероятно я криворукая
http://lokirol.rusff.ru/
Ария
Нет, это я такая с8
просто у меня хром перестал копировать "http://", и из-за этого косяк х)
а гифка... просто вк же, там косяки такие. я ее перезалила
<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;"> <tbody> <tr> <td colspan="4" style="text-align: center;"><img alt="" src="http://s6.uploads.ru/d0suz.png"></td> </tr> <tr> <td style="text-align: center;"> <p>Связь с амс</p> <p><img alt="ник" height="50" src="http://s6.uploads.ru/t/oQsIm.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/xYNnL.png" width="50"> <img alt="ник" height="50" src="http://s7.uploads.ru/t/0n12H.png" width="50"></p> </td> <td style="text-align: center;"> <p><img alt="" height="50" src="ссылка на профиль" width="100"></p> </td> <td style="text-align: center;">Игрок недели</td> <td style="text-align: center;"> <p>Акции</p> <p> </p> <div id="My_IMG"><!-- Случайная Картинка --><img border="1" height="100" src="Ссылка на 1-ю картинку"> <script type="text/javascript"> var tik = 5000; // Время отображения(в дан.случ. 5сек); ImgA = new Array ( "картинка", "картинка2", "картинка3", "End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script></div> <!-- /End/Случ.Картинк. --> <p> </p> </td> </tr> <tr> <td colspan="1" rowspan="2" style="text-align: center;"> <p>Важное</p> <blockquote>текст</blockquote> </td> <td colspan="2" rowspan="1" style="text-align: center;"><img alt="" src="http://savepic.su/3752970.gif"></td> <td colspan="1" rowspan="2" style="text-align: center;">Новости <blockquote>текст новостей</blockquote> </td> </tr> <tr> <td colspan="2" rowspan="1" style="text-align: center;"><marquee behavior="scroll" direction="left" id="abc" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()" scrollamount="5" style="word-wrap:normal"> <div style="height:34px!important;width:auto;">коды баннеров</div> </marquee></td> </tr> </tbody> </table> <style type="text/css">blockquote { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 10px 0; color: #505050; } blockquote:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } blockquote:after { content: "”"; /* Правая кавычка */ font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ color: #CFCFCF; float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ }</style>
Jii-Jo
спасибо огромное, шикарно
Ария
Если будут вопросы - пишите в ЛС или в раздел вопросов
Тему закрываю.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Анимация.Таблица. Локи