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

Объявление

☕ Неделя графического дизайна с ocean

Дата: 8 - 14 декабря
Тема: Графический дизайн: тренды, инструменты, креативные подходы
наша прекрасная Ocean готова ответить на любые вопросы, что не противоречат законам РФ

Задать вопрос

❄️ САМЫЙ СНЕЖНЫЙ ФОРУМ: КОНКУРС ДИЗАЙНОВ

Показывайте зимние и новогодние дизайны ваших проектов
И да победит самый снежный!)

Принять участие

📩 ИНТЕРНЕТ-ВОССТАНИЕ 2.0: ПИСЬМО ДЕДУШКЕ МОРОЗУ

Пишите письма деду Морозу и по желанию выступайте в роли помощника деда Мороза
Почта открыта до конца декабря.

Написать письмо

🔥 Новинка в портфолио: Скрипт фильтров и поиска контента

Фильтры для сортировки и поиска контента, работают на любой платформе
Стоимость: бесплатно
Автор: Emerael

Забрать код

💰 Продаётся: функционал, упрощающий жизнь админу форума

Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.

Как купить

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

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

1

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

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

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

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.13 09: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