almtest |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » almtest » Новый форум » ололо
Сд
нужно карте выставить width: 1000px , чтобы она уже никуда не уезжала. Да, в старом дизайне будет не очень смотреться, но можно центрировать будет, например )
Сделала и все получилось, ура ) Да, хорошо бы теперь ее центрировать, и вообще все будет отлично!
тем не менее, я вижу только это )
Так и не поняла почему, все проверила сейчас.
Зашла сейчас под вашим логином и вижу полноценную админку. И кажется догадываюсь в чем дело: скорее всего ее блокирует адблок
Ant
Да, действительно. Я и забываю, что он в Опере вшит в сам браузер. Прошу прощения за невнимательность )
Центрировать карту:
<img src="http://s0.uploads.ru/3nj1r.jpg" usemap="#image-map" style="width: 1000px; margin-left: auto; margin-right: auto; display: block;">
Свитки опять поехали, только теперь на нормальном форуме... -_-
Ant
Можно мне повесить временного модератора на раздел или вроде того? Я всю тему оформлю, лишь бы уже сделать и больше их не трогать х)
Свитки опять поехали, только теперь на нормальном форуме... -_-
Нет, я просто там еще не всех их переделала, до дриад только дошла ) А с картой все получилось, спасибо огромнейшее! А то все оно сломалось, починить это не знала как, а на саппорте ребят и так задергали.
Можно мне повесить временного модератора на раздел или вроде того? Я всю тему оформлю, лишь бы уже сделать и больше их не трогать х)
Хорошо, сейчас сделаю )
Ant
Так, все, дизайн исправлен )
Людей объединять, или раздельно оставить?)
[html]
<style>
.container {
padding-top: 50px;
padding-bottom: 40px;
padding-right: 5px;
background-clip: content-box;
background-position: center;
background-image: url('http://s4.uploads.ru/2F5g0.png');
background-repeat: repeat-y;
background-size: 775px;
}
.scroll-top {
margin-top: -70px;
min-height: 308px;
margin-left: 16px;
background-image: url('http://s9.uploads.ru/paF4Q.png');
background-repeat: no-repeat;
background-position: center;
background-size: 800px;
}
.scroll-bottom {
margin-left: -5px;
margin-bottom: -50px;
min-height: 297px;
background-image: url('http://sh.uploads.ru/LTZSQ.png');
background-repeat: no-repeat;
background-position: center;
background-size: 800px;
}
.content {
/* Отступ текста от свитка сверху */
margin-top: -150px;
/* Отступ текста от свитка снизу */
margin-bottom: -100px;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 150%;
color: #31271E;
}
.content a:link {
color: maroon;
font-size: 18px;
}
.content a:visited {
color: maroon;
font-size: 18px;
}
</style>
<!-- Элемент-контейнер -->
<div class="container">
<!-- Начало свитка -->
<div class="scroll-top"></div>
<!-- Непосредственно текст -->
<div class="content">
КРАТКАЯ ХРОНОЛОГИЯ
<br><br>
Доисторическая эпоха: Хаос, создание Амат чудовищ, <br>
рождение богов Рилдира и Имира <br>
<br>
Первая эпоха<br>
1 тысячелетие: битва Рилдира и Имира с Амат, <br>
сотворение Альмарена из тела Амат, <br>
богини Играсиль из морской пены и других богов<br>
Сокрытие Рилдиром под землей чудовищ Амат<br>
Сотворение <a href=http://almarein.spybb.ru/viewtopic.php?id=8#p50430>демонов стихий</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=697">стихийных магий</a>. Первое появление кометы <br>
<br>
2 тысячелетие: <br>
1-2 столетия - заселение Альмарена детьми Имира и Играсиль - <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p17">драконами</a>, <br>
<a href="http://almarein.spybb.ru/viewtopic.php?id=8#p10">эльфами</a>, <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50460">нимфами</a>, <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50443">дриадами</a>, <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50454">вивенди</a>. Создание <a href="http://almarein.spybb.ru/viewtopic.php?id=699">светлых магий</a><br>
3 столетие - создание Рилдиром в противовес им чудовищ и демонов<br>
2300г - Заложены и начинают строиться <a href="http://almarein.spybb.ru/viewtopic.php?id=1446">Айна Нумитора</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=1438">Гвиона</a><br>
4 столетие - Второе появление кометы,<br>
создание Имиром и Играсиль <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50434">айрес</a> для борьбы с демонами и чудовищами<br>
5 столетие - создание Рилдиром <a href="http://almarein.spybb.ru/viewtopic.php?id=698">темных магий</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=759">магии Крови</a> <br>
и обучение им <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50430">демонов</a>, получение демонами<br>
возможности размножаться самостоятельно. Появление <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50433">тифлингов</a>.<br>
Заговор Рилдира против Имира.<br>
6 столетие - раскрытие заговора Рилдира, <br>
освобождение Рилдиром чудовищ Амат, создание им <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50436">вампиров</a>,<br>
<a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50435">оборотней</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p69663">орков</a>, отделение дроу от остальных эльфов,<br>
разделение драконов на <a href="http://almarein.spybb.ru/viewtopic.php?id=2734&p=2#p248228">виды</a>, <br>
Создание Имиром <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50441">гномов</a><br>
2700г - Начато строительство <a href="http://almarein.spybb.ru/viewtopic.php?id=2670#p228020">Эреш Ниора (Города нежити)</a><br>
Заселение оборотнями Лунной Пади<br>
8 столетие - война Имира с Рилдиром, заточение Проклятого бога<br>
в недрах Скалистых гор. Изгнание созданий Рилдира и чудовищ Амат<br>
в Тёмные Земли<br>
2800г - Объединение орков в Орду и основание ее <a href="http://almarein.spybb.ru/viewtopic.php?id=1087#p74443">столицы</a><br>
9 столетие - пришествие сиронов и появление в мире стихийных камней<br>
2900г - Основание гномами <a href="http://almarein.spybb.ru/viewtopic.php?id=2863">Хенеранга</a><br>
10 столетие - заселение Альмарена <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p13">Пришедшими Следом (людьми)</a><br>
<a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50434">Изгнание айрес с небес</a><br>
<br>
Вторая эпоха <br>
3 - 4 тысячелетия - развитие мира <br>
<br>
5 тысячелетие - появление в мире <a href="http://almarein.spybb.ru/viewtopic.php?id=8#p50442">шефанго</a>, третье появление кометы <br>
5200г - Основание <a href="http://almarein.spybb.ru/viewtopic.php?id=1445">Агарды</a> и Вайарды<br>
3 столетие - кровопролитная война эльфов и шефанго, <br>
окончившаяся заключением мира <br>
<br>
Третья эпоха - наше время<br>
6 - 10 тысячелетия - развитие мира, <br>
установление современных границ и территорий государств<br>
7100г - Основание <a href="http://almarein.spybb.ru/viewtopic.php?id=1444">Леммина</a><br>
7400г - Основание <a href="http://almarein.spybb.ru/viewtopic.php?id=1826">Греса</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=1442">Галад-Бера</a><br>
7500г - Основание <a href="http://almarein.spybb.ru/viewtopic.php?id=1418">Гульрама</a> и <a href="http://almarein.spybb.ru/viewtopic.php?id=2662">Рузьяна</a><br>
8100г - Основание <a href="http://almarein.spybb.ru/viewtopic.php?id=3103">Аримана</a><br>
9800г - Основание Сифом <a href="http://almarein.spybb.ru/viewtopic.php?id=2856">Города Темного Ветра</a><br>
9900г - <a href="http://almarein.spybb.ru/viewtopic.php?id=2315">Основание королевства амазонок</a><br>
<br>
11 тысячелетие <br>
6 столетие - <a href="http://almarein.spybb.ru/viewtopic.php?id=4#p146216">война в Темных землях</a>, победа сил Альянса, <br>
передел Темных земель <br>
10602г - <a href="http://almarein.spybb.ru/viewtopic.php?id=4#p133081">падение тумана на Арисфей</a><br>
Заключение мирного соглашения между Ордой и Леммином<br>
10604г - <a href="http://almarein.spybb.ru/viewforum.php?id=112">открытие нового материка</a><br>
<br>
Остальные города в период последней 1000 лет<br>
<br>
Таким образом, сейчас 10605 год от сотворения мира
</div>
<!-- Конец свитка -->
<div class="scroll-bottom"></div>
</div>
[/html]
Во все указанные места можно пройти по выделенным цветом ссылкам
Все просто отлично! ) А вместо кнопки с текстом я предлагаю вот такую снежинку 
- когда анимация включена
- когда отключена
И еще я предлагаю для старого диза вот такой снег в шапку, в тот же отключаемый блок
<!--зимнее оформление шапки -->
<style>
#title-logo-table tbody {
-webkit-animation : dropFlowParticles 12s linear infinite;
-o-animation : dropFlowParticles 12s linear infinite;
animation: dropFlowParticles 12s linear infinite;
background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0014/90/a7/27898.png") repeat scroll 0 0;
}
#title-logo-tdl {
-webkit-animation : dropFlowParticles 27s linear infinite;
-o-animation : dropFlowParticles 27s linear infinite;
animation: dropFlowParticles 27s linear infinite;
background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0014/90/a7/97300.png") repeat scroll 0 0;
}
#pun-title table *{height:290px!important;display:block;}
@-webkit-keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 250px; }
}
@keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 250px; }
}
</style>Смотрится вот так http://almarein.mybb.ru/ Но если не получится или будет слишком геморно, ничего страшного, обойдемся
Ant
Ставлю пока снег сюда. Выглядит он, конечно, красиво, но нужно из шапки и гифку убрать, и как-то извращаться со слоями, потому что сейчас снег наползает на "бумагу" в центре экрана )
Ну и в новом дизайне он совсем не работает, да.
Ох уж эти дебаты про ссылки на видео... Флер и Кориэн опять сцепились. Попробую решить их вопрос по-своему. Там внизу пример новых видео, которые мне бы хотелось вставить (идея в том, что это просто картинка, но когда на нее кликнешь - загружается код с ютуба уже), но что-то форум не хочет сотрудничать.
Мне бы только найти тот код, что обрабатывает тег
[video]...[/video]
[html]
<style>
.youtube {
background-color: #000;
margin-bottom: 30px;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
}
.youtube img {
width: 100%;
top: -16.84%;
left: 0;
opacity: 0.7;
}
.youtube .play-button {
width: 90px;
height: 60px;
background-color: #333;
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
z-index: 1;
opacity: 0.8;
border-radius: 6px;
}
.youtube .play-button:before {
content: "";
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
</style>
<script>
var youtube = document.getElementsByClassName('youtube');
for (var i = 0; i < youtube.length; i++) {
var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
// Load the image asynchronously
var image = new Image();
image.src = source;
image.addEventListener( "load", function() {
youtube[i].appendChild( image );
}( i ) );
youtube[i].addEventListener( "click", function() {
var iframe = document.createElement( "iframe" );
iframe.setAttribute( "frameborder", "0" );
iframe.setAttribute( "allowfullscreen", "" );
iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
this.innerHTML = "";
this.appendChild( iframe );
});
}
</script>
<!-- (1) video wrapper -->
<div class="youtube" data-embed="vzDPIrEiS-U">
<!-- (2) the "play" button -->
<div class="play-button"></div>
</div>
[/html]
Ставлю пока снег сюда. Выглядит он, конечно, красиво, но нужно из шапки и гифку убрать, и как-то извращаться со слоями, потому что сейчас снег наползает на "бумагу" в центре экрана )
Ну и в новом дизайне он совсем не работает, да.
Если снег будет, гифку конечно уберу, я на тестовом ее и убрала. Все равно наверное никто и не заметил, что это гифка и звезда там мерцает ) Но сейчас снег видно и в новой шапке, которую он ломает напрочь, хотя вижу, что там он не прописан.
И можно ли в старом стиле тоже сделать его отключаемым?
Мне бы только найти тот код, что обрабатывает тег
Боюсь, что нам до него не добраться, он внутри движка
Ant
Ну, если все устраивает, кроме названного, займусь сегодня по возможности.)
А вот что к видео не подобраться - это не очень. Но мы же можем свои кнопки на форму ответа добавить, верно? И сделать свой тег видео вместо встроенного )
Ну, если все устраивает, кроме названного, займусь сегодня по возможности.)
Хорошо )
мы же можем свои кнопки на форму ответа добавить, верно? И сделать свой тег видео вместо встроенного )
Да, конечно. И скрыть стандартную кнопкку
Ant
Снег готов, кнопки готовы. Только если будете переносить на основной форум, смотрите внимательно за изменениями, они там повсюду раскиданы )
Предупреждая вопрос насчет кнопок - да, можно сделать так, чтобы они оставались на месте даже после открытия. Но мне нужно будет переделать их код почти полностью )
Найри
Круто как! ) Спасибо огроменное! Как, оказалось, много работы у нас для программиста )
Предупреждая вопрос насчет кнопок - да, можно сделать так, чтобы они оставались на месте даже после открытия. Но мне нужно будет переделать их код почти полностью )
Не стоит, во всяком случае точно не горит.
Только если будете переносить на основной форум, смотрите внимательно за изменениями, они там повсюду раскиданы )
Тогда лучше перенести Вам, я сейчас точно где-нить накосячу
Ant
Тогда все изменения переезжают?)
Найри
Да, все просто отлично ) Только тоже осторожнее, ибо не все, что есть на тестовике, есть на рабочем и наоборот. )
Ant
Именно поэтому я собираюсь обновить тестовик до состояния продакшна параллельно с обновлением последнего )
Ну можно попробовать )
Должно быть все поставлено там и обновлено тут х)
Хорошо )
Нобунага
Осенним листом
Упал Гваихира меч,
Старость - не радость
[NIC]Ханатэн[/NIC]
[STA]Син[/STA]
[AVA]http://i11.pixs.ru/storage/0/0/0/KenSinpng_5675303_29803000.png[/AVA]
Валидный ник:
[NIC]Найриль[/NIC]
Нобунага
Осенним листом
Упал Гваихира меч,
Старость - не радость
[NIC]Нобунага[/NIC]
[STA]Син[/STA]
[AVA]http://i11.pixs.ru/storage/0/0/0/KenSinpng_5675303_29803000.png[/AVA]
[lazyvideo]https://youtu.be/zbDdn7CJ6m0[/lazyvideo] [AVA]http://3.bp.blogspot.com/-abgksSW-eqw/Ua-PyeWV_TI/AAAAAAAABJI/rrg3yerF8bg/s1600/x_215ed3b6.jpg[/AVA][NIC]Нобунага[/NIC][STA]из рода Ода[/STA][SGN]
[/SGN]
[lazyvideo]https://youtu.be/zbDdn7CJ6m0[/lazyvideo][AVA]http://3.bp.blogspot.com/-abgksSW-eqw/Ua-PyeWV_TI/AAAAAAAABJI/rrg3yerF8bg/s1600/x_215ed3b6.jpg[/AVA][NIC]Нобунага[/NIC][STA]из рода Ода[/STA][SGN][/SGN]
Test test
Вы здесь » almtest » Новый форум » ололо
.
