ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



[Выполнено] Анимация.Таблица. Локи

Сообщений 1 страница 9 из 9

1

1. Ссылка на форум:http://lokirol.rusff.ru/
2. Эскиз таблицы: http://s6.uploads.ru/t/0qR8S.png

3. Дополнительные предпочтения:

Отредактировано Jii-Jo (08.11.2013 15:00:07)

0

2

Ария
Пробуем:

без скриптов
Код:
<table border="0" cellpadding="1" cellspacing="7" style="width: 750px; height: 450px;">
	<tbody>
    <tr>
    	<td colspan="3" style="text-align: center;">&nbsp; &nbsp;<img alt="" src="название_фоорума"></td>
    </tr>
    <tr>
    	<td style="text-align: center;">
        <p>Связь с амс</p>
        <p><img alt="ник" height="50" src="ссылка на профиль" width="50">&nbsp;&nbsp;<img alt="ник" height="50" src="ссылка на профиль" width="50">&nbsp;&nbsp;<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>&nbsp;</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;">&nbsp; &nbsp;<img alt="" src="название_фоорума"></td>
    </tr>
    <tr>
    	<td style="text-align: center;">
        <p>Связь с амс</p>
        <p><img alt="ник" height="50" src="ссылка на профиль" width="50">&nbsp;&nbsp;<img alt="ник" height="50" src="ссылка на профиль" width="50">&nbsp;&nbsp;<img alt="ник" height="50" src="ссылка на профиль" width="50"></p>
    	</td>
    	<td style="text-align: center;">
        <p><img alt="" height="50" src="ссылка на профиль" width="100"></p>
        <p>&nbsp;</p>
    	</td>
    	<td style="text-align: center;">Игрок недели</td>
    	<td style="text-align: center;">
        <p>Акции</p>
        <p>&nbsp;</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>&nbsp;</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>&nbsp;</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>

Если у Вас есть нужные картинки - то замечательно, могу сразу вставить http://uploads.ru/i/K/Z/U/KZUwI.gif

Отредактировано Jii-Jo (07.11.2013 09:33:33)

0

3

Jii-Jo
ох, если вас не затруднит, а то я опять все перепутаю)
http://vk.com/doc108073628_232075845?ha … f016-гифка
связь с администрацией -
http://s6.uploads.ru/t/oQsIm.png
http://s7.uploads.ru/t/xYNnL.png
http://s7.uploads.ru/t/0n12H.png
название форума - http://s6.uploads.ru/t/d0suz.png

0

4

гифка http://cs537417.vk.me/u53459534/docs/6a … QaA7NQetww

0

5

Ария
не затруднит, я добрый http://uploads.ru/i/7/H/w/7Hwsf.gif
ники и профили амс было бы еще неплохо х)

без скриптов
Код:
<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>&nbsp;</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>&nbsp;</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>

0

6

Jii-Jo
гифка и название не отображается, вероятно я криворукая
http://lokirol.rusff.ru/

0

7

Ария
Нет, это я такая с8
просто у меня хром перестал копировать "http://", и из-за этого косяк х)
а гифка... просто вк же, там косяки такие. я ее перезалила http://uploads.ru/i/7/H/w/7Hwsf.gif

Код:
<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>&nbsp;</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>&nbsp;</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>

0

8

Jii-Jo
спасибо огромное, шикарно

0

9

Ария
Если будут вопросы - пишите в ЛС или в раздел вопросов http://uploads.ru/i/K/Z/U/KZUwI.gif
Тему закрываю.

0