Для кодов
Сообщений 1 страница 13 из 13
Поделиться22018-11-20 21:44:06
[html]
<div style="width: 100%; margin-left:15px;">
<center>
<div class="topicbody"><div class="grall01">
<div class="container">
<div class="html-box">
<br><br>
<div class="container">
<div class="html-box">
<center><table style="width: 480px; margin-top: -20px;">
<tbody>
<tr>
<td valign="top" style="text-align: center; padding-bottom: 15px;">
<div id="horoscope93">
<span alt="#sm1hr93" style="cursor: pointer;" class="tabactive"><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKay.gif"></span>
<span alt="#sm2hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKax.gif"></span>
<span alt="#sm3hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKaw.gif"></span>
<span alt="#sm4hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKav.gif"></span>
<span alt="#sm5hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKau.gif"></span>
<span alt="#sm6hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKan.gif"></span>
<span alt="#sm7hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKam.gif"></span>
<span alt="#sm8hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKak.gif"></span>
<span alt="#sm9hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKaj.gif"></span>
<span alt="#sm10hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKai.gif"></span>
<span alt="#sm11hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKah.gif"></span>
<span alt="#sm12hr93" style="cursor: pointer;" class=""><img style="width: 30px; height: 30px;" src="http://funkyimg.com/i/RKag.gif"></span></div>
</td>
</tr><tr>
<td id="MenuTxT93" valign="top">
<div id="submenu93">
<div id="sm1hr93" class="submenutext93" style="width: 480px; line-height: 12px;"><table style="table-layout:fixed;width:100%;margin-left: -5px;">
<tbody>
<tr><td width="460" align="justify">
<!===Овен===>
Овнам на этой неделе звезды советуют умерить свои амбиции и не ставить перед собой слишком сложных и масштабных задач. Дело в том, что эту неделю можно сравнить со сплошной полосой препятствий. Что бы вы ни предпринимали и за какое дело ни взялись бы, на каждом шагу вас будут ждать препятствия. Ветер фортуны сейчас дует не в ваши паруса. Кроме того, ваше психологическое состояние будет таково, что вам будет сложно мобилизовать себя на упорную и долгую работу в одном направлении. Ваше типичное поведение в эти дни – это короткие эмоциональные импульсы, вслед за которыми может быть период пассивного ожидания. В партнерских отношениях также не все благополучно и особой поддержки от партнера вы вряд ли сумеете дождаться. Наиболее проблемная тема недели связана с профессиональной деятельностью, карьерой. Ситуация начнет меняться к лучшему в конце недели, на выходных, когда вы почувствуете в себе эмоциональный подъем.</td>
</tr>
</tbody>
</table>
</div><div id="sm2hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Телец===>
У Тельцов на этой неделе может пострадать репутация. Старайтесь всегда помнить, что окружающие оценивают ваши поступки и от этого зависит ваш авторитет и ваша репутация. Прежде все следует соблюдать нормы закона. Никакие нарушения закона, даже самые на первый взгляд невинные, не останутся без внимания и приведут к неприятностям. Поэтому рекомендуется не искать обходные пути и действовать открыто. Пусть даже у вас не все получается так, как вам хотелось – это не страшно. Вторая тема, которая может негативно отразиться на вашей репутации – это трудности в профессиональной деятельности. Возможно, вам поручат выполнять слишком трудную и сложную работу и вы можете с этой работой не справиться из-за недостатка знаний и квалификации. Конечно, эта неудача может стимулировать вас к дальнейшему углублению профессиональных знаний. Но на данном этапе выводы относительно вашей квалификации также могут быть сделаны. Если у вас есть выбор, отдавайте предпочтение наиболее простой и привычной работе, в которой у вас имеется большой опыт.</td>
</tr>
</tbody>
</table>
</div><div id="sm3hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Близнецы===>
Эта неделя складывается весьма неспокойно для Близнецов. Возрастает риск происшествий с неожиданными последствиями для вашего здоровья и вашего финансового положения. Вы можете попасть в происшествие, в результате которого вашему здоровью может быть нанесен ущерб. Не лучшее время для рискованных финансовых операций с использованием заемных денег. Вы можете понести убытки. Первая половина недели связана с нестабильностью в любовно-романтических отношениях. Могут возникать ссоры и примирения, а в целом отношения как на вулкане. С друзьями в середине недели могут испортиться отношения. Нежелательно принимать участие в импровизированных вечеринках, к которым вы совсем не были готовы. Однако в конце недели отношения с друзьями и подругами сложатся вполне гармоничными. Ждите приятного сюрприза на выходных.</tr>
</tbody>
</table>
</div>
<div id="sm4hr93" class="submenutext93" style="width: 480px; line-height: 12px;"><table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Рак===>
Раки на этой неделе будут находиться в крайне нестабильном состоянии. Главным источником, дестабилизирующем ваше состояние может стать ваш основной партнер. Речь идет как о деловом партнере, так и о партнере по браку. В том и другом случае вы можете стать объектом критики. В супружеских отношениях вам лучше избегать выяснений отношений, поскольку это только усугубит разногласия. Вам придется уходить в глухую оборону или любыми путями откладывать на поле поздний срок принципиальное выяснение отношений. Косвенно, нестабильность в браке может негативно отразиться на семейных отношениях в целом. Другая тема нестабильности может быть связана с карьерой. Возможно, вам придется столкнуться с крайне непоследовательным поведением начальства, когда вам будут поступать разноречивые приказы и распоряжения. В конце недели ситуация с карьерой выправляется, а на выходных вы можете найти новую работу с более высокой зарплатой.</td>
</tr>
</tbody>
</table>
</div><div id="sm5hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Лев===>
У Львов на этой неделе может быть много повседневных забот и хлопот. Чтобы успеть справиться со всеми делами, звезды советуют вам составить список дел, расставив пункты в порядке приоритета. Постепенно переходя от одного пункта к другому вы сможете разгрести гору дел. В противном случае вы можете метаться от одной работы к другой, не успевая ничего толком довести до завершения. И это будет подобно пустой суете, когда вроде бы человек чем-то занимается, но в реальности его дела не продвигаются вперед ни на сколько. На этой неделе вам будет поступать много разноречивой информации, из которой будет непросто извлечь крупицы истины. Тем не менее, старайтесь обязательно проверять поступающие сведения на предмет достоверности. Иначе к хаосу в делах добавится еще множество ошибок, которые придется в дальнейшем находить и исправлять. В конце недели вас может ждать приятная поездка, путешествие или знакомство с человеком из другой страны или другого региона.</tr>
</tbody>
</table>
</div><div id="sm6hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Дева===>
Девам на этой неделе рекомендуется переключить внимание от развлечений к труду. Дело в том, что праздное существование не может длиться долго и рано или поздно может привести к самым разным неприятностям. Например, увлечение игральными автоматами может привести к потере денег. Сами по себе увлечения ничего плохого не содержат. Сложность в неумеренных увлечениях, когда ради них можно забывать о самых насущных вопросах, когда утрачивается ответственность за свое поведение. Именно на этой неделе есть опасность неумеренных увлечений. В какой-то мере это касается и влюбленности. Если вы влюблены, то можете дни и ночи напролет проводить в компании с любимым человеком. Но когда что-то происходит с избытком, как на этой неделе может получиться, то чувство любви может превратиться в свою противоположность – в неприязнь. Поэтому девиз этой недели: все должно быть в меру! Также на этой неделе у вас могут быть проблемы с финансами. В конце недели усиливается ваша сексуальность – при наличии постоянного партнерства это обещает яркие впечатления.</td>
</tr>
</tbody>
</table>
</div><div id="sm7hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Весы===>
Эта неделя может стать классическим примером отсутствия взаимопонимания в семье у Весов. Необходимо четко осознавать, что ваша позиция по тем или иным вопросам может кардинально отличаться от позиции партнера по браку. И когда вопрос касается состояния дел в семье, то эти разногласия, которые имеются у каждого из партнеров, сразу выявляются и становятся предметом обсуждений и, иногда ссор. Эта неделя склоняет вашу семью именно к такому развитию отношений. Поэтому постарайтесь предупредить негативное развитие и предпринимайте соответствующие меры. Во-первых, воздержитесь от каких-либо инициатив по изменениям в доме. Например, помните, что ваша вполне невинная инициатива сменить шторы в спальной может привести к баталиям по поводу того, какие именно шторы повесить на замену. И так практически по всем вопросам семейно-бытового плана. Однако у вас есть шанс придти к согласию в конце недели, когда в ваших партнерских отношениях на первый план выйдет взаимная любовь.</td>
</tr>
</tbody>
</table>
</div><div id="sm8hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Скорпион===>
Скорпионам на этой неделе рекомендуется сузить свои контакты с окружающими, чтобы провести эти дни в относительном спокойствии. Дело в том, что вас будут искать и находить самые разные люди с просьбами помочь им в решении их вопросов. Включаясь в решение чужих дел, вам необходимо отдавать себе отчет в том, что это же самое время вы могли бы потратить на решение каких-то своих вопросов или просто использовать это время для своего отдыха и развлечений. А поскольку таких просьб со стороны будет поступать много, то вам и вовсе может не остаться времени на свои дела. Вместе с тем участие в решении чужих вопросов не пойдет гладко. Вы рискуете попасть в неприятную ситуацию, когда вас могут обвинить в чем-то. В результате может пострадать ваше самочувствие. Не исключены проблемы со здоровьем, когда ваша активность будет ограничена. В конце недели купите абонемент на фитнес и начните посещать – это лучшее время для старта оздоровительных процедур.</td>
</tr>
</tbody>
</table>
</div><div id="sm9hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Стрелец===>
Предметом беспокойства типичных Стрельцов на этой неделе могут стать материальные и финансовые проблемы. Прежде всего, и это наиболее характерно, вы можете столкнуться с нехваткой денег для обеспечения своих запросов. На повседневную жизнь вам денег вполне будет хватать. А вот на развлечения, на посещение концертов, ресторанов, клубов и дружеских вечеринок ваших финансовых ресурсов может не хватить. То же самое относится к планам относительно дорогих подарков для любимого человека. Отчасти и по этой причине у вас не все будет благополучно с романтическими и дружескими связями. Ведь любые развлечения, как правило, требуют денег. А если с этим сложности, то и программа развлечений может оказаться значительно урезанной. Вместе с тем в конце недели романтические отношения обретают второе дыхание, и чувства целиком наполняют вас. Также это хорошее время для индивидуального творчества, хобби и увлечений.</tr>
</tbody>
</table>
</div><div id="sm10hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Козерог===>
Козероги на этой неделе могут ощутить чувство раздвоенности, когда требуется уделять внимание сразу по двум направлениям. Первое направление связано с вашей профессиональной деятельностью, карьерой. Со стороны начальства к вам могут предъявляться претензии, от вас будут требовать ускорить темп труда, чтобы выполнить большой объем работы. Внутренне вы будете не готовы покорно принимать все эти претензии. Другое направление, требующее внимания – семья и коммунально-бытовые вопросы. В эти дни у вас в доме может начать ломаться одна за другой бытовая техника. И это потребует срочного ремонта или же покупки новой техники на замену. А все это требует не только денег, но и времени. И тут, в семье, как и на работе, вам, возможно, придется выслушивать претензии. В результате ваша нервная система может подвергнуться излишне большим нагрузкам. Попробуйте выделить одно главное направление и с ним решайте вопросы. Отдавайте первый приоритет семье. На выходных здесь все вопросы получат успешное разрешение.</td>
</tr>
</tbody>
</table>
</div><div id="sm11hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Водолей===>
Водолеям на этой неделе рекомендуется вести себя открыто и доброжелательно к окружающим людям. Не следует использовать тайные методы, проводить индивидуальные расследования и искать обходные пути в тех вопросах, которые не получается решить открытыми методами. Очень важно строго следовать правилам поведения в социуме и не допускать нарушений норм закона. В целом следует помнить, что сейчас для вас общение с окружающими является потенциально дестабилизирующим фактором. Чем больше будет контактов, тем больше неприятностей от них можно ожидать. Поэтому первый вывод: чем меньше вы будете контактировать и знакомиться с окружающими, тем спокойнее пройдет для вас эта неделя. То же самое относится к поездкам и учебе. Вместе с тем в конце недели у вас может состояться приятное романтическое знакомство.</td>
</tr>
</tbody>
</table>
</div><div id="sm12hr93" class="submenutext93" style="width: 480px; line-height: 12px;">
<table style="table-layout:fixed;width:100%;margin-left: -10px;">
<tbody>
<tr><td width="460" align="justify">
<!===Рыбы===>
У Рыб предметом беспокойства на этой неделе могут стать дружеские связи. Возможно, ваши друзья и подруги своим поведением могут привести вас к неприятностям. Это может случиться в том случае, если вы пойдете на поводу у их инициатив, примите их предложения посетить дружескую вечеринку или отправиться на увеселительное мероприятие вместе с друзьями. Во-первых, может пострадать ваше финансовое положение. Наличных денег на праздное времяпрепровождение может не хватить, и вы вынуждены будете прибегать к заимствованиям. Во-вторых, вы вряд ли останетесь удовлетворены тем, как проведете время. Не исключено, что все закончится конфликтной ситуацией с разрывом отношений с кем-то из друзей или подруг. Поэтому звезды советуют вам обходить стороной праздношатающуюся публику, даже если там ваши друзья. Выходные дни складываются удачно для принятия финансовых решений. Запланируйте на эти дни шоппинг, порадуйте себя удачными покупками.</td>
</tr>
</tbody>
</table>
</div></div>
</div>
<style type="text/css">
.topicbody { width: 606px; height: 1017px; margin-left: -3px; padding-top: 0px; padding-bottom: 0px; display: block; background: url(http://savepic.ru/12547304.png);}.topictext02 {position: absolute; width: 72px; height: 55px; line-height: 90%; text-align: center; padding-top: 191px; padding-left: 49px;}
.topictext03 {position: absolute; width: 200px; height: 55px; line-height: 73%; text-align: left; padding-top: 175px; padding-left: 34px;}
.topictext01 {position: absolute; width: 355px; height: 119px; line-height: 93%; text-align: left; margin-top: 94px; margin-left: 227px; overflow: auto;}
topictext04{position: absolute; width: 355px; height: 119px; line-height: 93%; text-align: left; margin-top: 142px; margin-left: 40px;}
.topictext05{position: absolute; width: 16px; height: 26px; line-height: 93%; text-align: left; margin-top: 34px; margin-left: 453px;}
.blogimg77{
-moz-border-radius: 130px;
border-radius: 130px;height:130px;width:130px;background-image:url(http://i.imgur.com/OmqiV70.gif);border:0px solid #d19a1e;
position: absolute; margin-top: 23px; margin-left: 49px; }.flood01{position: absolute; width: 203px; height: 47px; line-height: 93%; text-align: left; margin-top: 331px; margin-left: 68px;}
.game01{position: absolute; width: 203px; height: 47px; line-height: 93%; text-align: left; margin-top: 331px; margin-left: 368px;}
.pair01{position: absolute; width: 203px; height: 47px; line-height: 93%; text-align: left; margin-top: 401px; margin-left: 75px;}
.ep01{position: absolute; width: 203px; height: 47px; line-height: 93%; text-align: left; margin-top: 401px; margin-left: 348px;}
.art01{position: absolute; width: 180px; height: 180px; line-height: 93%; text-align: left; margin-top: 524px; margin-left: 17px;}
.art02{position: absolute; width: 180px; height: 180px; line-height: 93%; text-align: left; margin-top: 524px; margin-left: 215px;}
.art03{position: absolute; width: 180px; height: 180px; line-height: 93%; text-align: left; margin-top: 524px; margin-left: 408px;}.grall01{position: absolute; width: 180px; height: 180px; line-height: 93%; text-align: left; margin-top: 786px; margin-left: 58px; font-size: 10px; font-family: 'Roboto', sans-serif; color: #fff!important; text-shadow: 0px 0px 5px #f1f1f1;}
#MenuTxT93{ color: #fff!important; text-shadow: 0px 0px 5px #f1f1f1;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT93 div.submenutext93").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT93 div.submenutext93:first").show();
$("div.#horoscope93 span").click(function() {
$("div.#horoscope93 span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT93 div.submenutext93").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script></div>
[/html]
Поделиться32018-11-20 22:20:55
[html*] <script type="text/javascript" src="https://forumstatic.ru/files/0019/e5/d4/27861.js"></script> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Oswald'); $base-color: #303F9F; $second-color: #3F51B5; $third-color: #FBC02D; $site: #303F9F; $light: #fff; body { position: relative; font-family: 'Oswald', sans-serif; background: $site; color: $light; font-size: 20px; } .grid { list-style: none; margin-left: -40px; } .gc { box-sizing: border-box; display: inline-block; margin-right: -.25em; min-height: 1px; padding-left: 40px; vertical-align: top; } .gc--1-of-3 { width: 33.33333%; } .gc--2-of-3 { width: 66.66666%; } .naccs { position: relative; max-width: 900px; margin: 100px auto 0; } .naccs .menu div { padding: 15px 20px 15px 40px; margin-bottom: 10px; color: $base-color; background: $second-color; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; vertical-align: middle; font-weight: 700; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } .naccs .menu div:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .naccs .menu div span.light { height: 10px; width: 10px; position: absolute; top: 24px; left: 15px; background-color: $base-color; border-radius: 100%; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } .naccs .menu div.active span.light { background-color: $third-color; left: 0; height: 100%; width: 3px; top: 0; border-radius: 0; } .naccs .menu div.active { color: $third-color; padding: 15px 20px 15px 20px; } ul.nacc { position: relative; height: 0px; list-style: none; margin: 0; padding: 0; transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li { opacity: 0; transform: translateX(50px); position: absolute; list-style: none; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li.active { transition-delay: .3s; z-index: 2; opacity: 1; transform: translateX(0px); } ul.nacc li p { margin: 0; } </style> <div class="naccs"> <div class="grid"> <div class="gc gc--1-of-3"> <div class="menu"> <div class="active"> <span class="light"></span>1</div> <div><span class="light"></span>2</div> <div><span class="light"></span>3</div> <div><span class="light"></span>4</div> <div><span class="light"></span>5</div> <div><span class="light"></span>6</div> <div><span class="light"></span>7</div> <div><span class="light"></span>8</div> </div> </div> <div class="gc gc--2-of-3"> <ul class="nacc"> <li class="active"> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> <li> <div> <p> <img src="http://funkyimg.com/i/2NkCW.png"> </p> </div> </li> </ul> </div> </div> </div> [/html]
Поделиться42018-11-20 22:31:58
[html*]
<style>
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background:#efeff0;
}#menu .tabactive {
color: #000000;
}#submenu {
padding: 3px;
height: 380px;
text-align: center;
font-size: 12px;
width: 700px;
}.submenutext {
display: none;
height: 40px;
}
</style><script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script><center><table style="width: 800px; height: 843px;">
<tbody>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center"><div id="ams1" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams2" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams3" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams4" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams5" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams6" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams7" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div><div id="ams8" class="submenutext" style="display:block;">
<img src="http://funkyimg.com/i/2NkCW.png">
</div></div>
</td><td valign=top>
<div id="menu"> <b>
<span alt="#ams1" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams2" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams3" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams4" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams5" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams6" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams7" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
<span alt="#ams8" style="cursor: pointer;"><img src="http://funkyimg.com/i/2NkDH.png"></span>
</b>
</div>
</td></tr>
</tbody>
</table></center>[/html]
Поделиться52018-11-22 13:21:21
color: rgb(25, 60, 92); background: rgba(35,94,148,0.08); -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px; -khtml-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px;
Поделиться62018-11-23 06:47:05
что как назвала в кодах, чтобы проще было искать потом
основа дизайна
/* фон форума */
/* тело форума и ширина*/
/* шапка */
/* футер */
навигация
/* НАВИГАЦИЯ */
/* ссылки новые сообщения активные темы и тд*/
/* КАРТИНКИ НАВИГАЦИИ */
- тут будут картинки навигации + сама настройка ссылок в навигации
Поделиться72018-11-23 09:30:35
СТРАНИЦА ПРОФИЛЯ
5 поле, купоны
<div class="scpro" style="overflow-y: auto; width: 186px; height: 35px!important;"><img src="http://funkyimg.com/i/2Mk4D.png" title="скидка 50% на покупку бокса"> <br> <img src="http://funkyimg.com/i/2Mk4D.png" title="скидка 50% на покупку бокса"></div>
скрол
/*промокоды*/ .scpro::-webkit-scrollbar { width: 3px; height: 6px; } .scpro::-webkit-scrollbar-track {background-color: #6f9cd9; border: 1px solid #6397dc;} .scpro::-webkit-scrollbar-thumb {background-color: #afcbf1; border: 1px solid #afe0f7;}
сдвигаем
.mam01 { width: 0px!important; height: 0px!important; position: absolute; left: -210px; top: 246px;} #viewprofile li.mam01 span {display: none;}
инфа при наведении
/*при наведении*/ .ma02{ width: 180px; height: 180px; opacity: 0; -webkit-transition: 0.5s 0.05s ease; -moz-transition: 0.5s 0.05s ease; position: absolute; left: -201px; top: 50px; } #viewprofile li.ma02 span {display: none;} .ma02:hover { opacity: 1; } [b]если в статусе картинка[/b]
/*границы картинки статуса*/ .punbb #viewprofile td{ overflow: visible;}
1 поле с кнопками
<strong style="padding: 4px 0px 0px 23px !important;"><img src="https://forumstatic.ru/files/0018/77/80/36239.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"></strong>
Поделиться82018-11-23 10:56:33
Поле с инфой, если 1
<div class="line01"></div><div class="line02"></div><div class="pageinfo">Инфа о персе</div> <div class="lzinfo"><i class="fa fa-file" aria-hidden="true"></i> Кара Дэвис, 19<br> <i class="fa fa-file" aria-hidden="true"></i> Студентка<br> <i class="fa fa-file" aria-hidden="true"></i> <a href="ссылка">Пара</a></div><div class="linkpage"><i class="fa fa-file" aria-hidden="true"></i> <a href="ссылка"> анкета</a><br> <i class="fa fa-file" aria-hidden="true"></i> подписка<br> <i class="fa fa-file" aria-hidden="true"></i> что-то ещё</div>
инфа отдельно лз, где имя профа пара
<div class="lzinfo"><i class="fa fa-file" aria-hidden="true"></i> Кара Дэвис, 19<br> <i class="fa fa-file" aria-hidden="true"></i> Студентка<br> <i class="fa fa-file" aria-hidden="true"></i> <a href="ссылка">Пара</a></div>
подписка и тд
<div class="line01"></div><div class="line02"></div><div class="pageinfo">Инфа о персе</div> <div class="linkpage"><i class="fa fa-file" aria-hidden="true"></i> <a href="ссылка"> анкета</a><br> <i class="fa fa-file" aria-hidden="true"></i> подписка<br> <i class="fa fa-file" aria-hidden="true"></i> что-то ещё</div>
Поделиться92018-11-23 11:02:00
инфа и лз из стиля
/*имя профа пара*/ .lzinfo{ position: absolute; left: 88px; top: 100px; font-size: 15px; color: #676767!important; line-height: 19px; } .lzinfo a{ position: absolute; font-size: 15px !important; color: #676767 !important; line-height: 19px !important; } .lznoblock {width: 0px!important; height: 0px; padding: 0px 1px 16px !important;} #viewprofile li.lznoblock span {display: none;} #viewprofile li.lznoblock strong{background: linear-gradient(#4d82cd, #4e83cd) !important; } /*линии инфы*/ .line01 { width: 1px; height: 57px; position: absolute; left: 337px; top: 100px; background-color: #8a8a8a; } .line02 { width: 1px; height: 57px; position: absolute; left: 314px; top: 100px; background-color: #8a8a8a; } /* блок инфа о персе */ .pageinfo { width: 163px; height: 20px; position: absolute; left: 213px; top: 72px; font-size: 19px; color: #fff!important; background-color: #3e5a96; padding: 4px 0px 0px 86px !important; } /*анкета подписка хз что 3*/ .linkpage{ position: absolute; left: 362px; top: 100px; font-size: 15px; color: #676767!important; line-height: 19px; } .linkpage a{ position: absolute; font-size: 15px !important; color: #676767 !important; line-height: 19px !important; }
Поделиться102018-11-24 10:35:20
если лз (имя, профа, пара) в отдельном поле
<div class="lzinfo"><i class="fa fa-file" aria-hidden="true"></i> Кара Дэвис, 19<br> <i class="fa fa-file" aria-hidden="true"></i> Студентка<br> <i class="fa fa-file" aria-hidden="true"></i> <a href="ссылка">Пара</a></div>
/*имя профа пара*/ .lzinfo { font-size: 15px; color: #676767!important; line-height: 19px; } .lzinfo a{ position: absolute; font-size: 15px !important; color: #676767 !important; line-height: 19px !important; } .lzinfo { width: 110px!important; height: 0px; padding: 27px 32px 0px !important;} #viewprofile li.lzinfo span {display: none;} #viewprofile li.lzinfo strong{background: linear-gradient(#4d82cd, #4e83cd) !important; }
Поделиться112018-11-25 11:12:57
[html]<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/e5/d4/99857.css" />
<script src="https://forumstatic.ru/files/0019/e5/d4/85965.js"></script>
<button class="md-trigger" data-modal="modal-9"> кнопка</button>
<div class="md-modal md-effect-9" id="modal-9">
<div class="md-content"><div>
<center><img src="https://forumstatic.ru/files/0018/77/80/36239.png">
<img src="https://forumstatic.ru/files/0018/77/80/49116.png">
<img src="https://forumstatic.ru/files/0018/77/80/49116.png"> <img src="https://forumstatic.ru/files/0018/77/80/49116.png"></center><br>
<button class="md-close">Закрыть</button>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>[/html]
Поделиться122018-11-25 13:11:56
СТРАНИЦА ПРОФИЛЯ
низ
<!-- СТРАНИЦА ПРОФИЛЯ НАСТРОЙКА --> <!-- убираем приглашения и правим поля --> <!-- Добавляем селекторы --> <script type="text/javascript"> $('#viewprofile #profile-right li:contains("Приглашений:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Последнее сообщение:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Провел на форуме:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Обо мне:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Интересы:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Возраст:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Пол:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Настоящее имя:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Местонахождение:")').addClass('fldByGerda-del'); $('#viewprofile #profile-right li:contains("Зарегистрирован:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Уважение:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Позитив:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("E-mail:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Сообщений:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Последний визит:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("инфа (1):")').addClass('mamadr'); $('#viewprofile #profile-right li:contains("Просмотры:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Подписчики:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("Деньги:")').addClass('mamd'); $('#viewprofile #profile-right li:contains("что-то ещё:")').addClass('lzinfo'); $('#viewprofile #profile-right li:contains("кнопка:")').addClass('mam01'); </script> <!-- убираем приглашения и правим поля --> <script><!--Универсальный скрипт замены. --> function UniverСhange(selektor,changed,substitute){ $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){ $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});} UniverСhange("#viewprofile li span","Зарегистрирован:","Ваш калан создан:"); UniverСhange("#viewprofile li span","Провел на форуме:","Вы провели на youtube:"); UniverСhange("#viewprofile li span","E-mail:","Написать блогеру:"); UniverСhange("#profile-right span","Уважение","Получено лайков"); UniverСhange("#profile-right span","Позитив","Поставлено лайков"); UniverСhange("#profile-right strong","Показать все сообщения","Показать все"); UniverСhange("#viewprofile li span","Сообщений:","Ваши посты:"); UniverСhange("#viewprofile li span","Последний визит:","Был онлайн:"); UniverСhange("#profile-left strong","Активен","Онлайн"); </script> <!-- СТРАНИЦА ПРОФИЛЯ НАСТРОЙКА -->
/*------------------ НАЧАЛО КАНАЛ СТРАНИЦА ПРОФИЛЯ ------------------*/ /*имя профа пара*/ .lzinfo { font-size: 15px; color: #676767!important; line-height: 19px; } .lzinfo a{ position: absolute; font-size: 15px !important; color: #676767 !important; line-height: 19px !important; } .lzinfo { width: 110px!important; height: 0px; padding: 27px 32px 0px !important;} #viewprofile li.lzinfo span {display: none;} #viewprofile li.lzinfo strong{background: linear-gradient(#4d82cd, #4e83cd) !important; } /*промокоды*/ .scpro::-webkit-scrollbar { width: 3px; height: 6px; } .scpro::-webkit-scrollbar-track {background-color: #6f9cd9; border: 1px solid #6397dc;} .scpro::-webkit-scrollbar-thumb {background-color: #afcbf1; border: 1px solid #afe0f7;} .mam01 { width: 0px!important; height: 0px!important; position: absolute; left: -210px; top: 246px;} #viewprofile li.mam01 span {display: none;} /*ИНФА О ПЕРСЕ БЛОК*/ /*линии инфы*/ .line01 { width: 1px; height: 57px; position: absolute; left: 337px; top: 100px; background-color: #8a8a8a; } .line02 { width: 1px; height: 57px; position: absolute; left: 314px; top: 100px; background-color: #8a8a8a; } /* блок инфа о персе */ .pageinfo { width: 163px; height: 20px; position: absolute; left: 213px; top: 72px; font-size: 19px; color: #fff!important; background-color: #3e5a96; padding: 4px 0px 0px 86px !important; } /*анкета подписка хз что 3*/ .linkpage{ position: absolute; left: 362px; top: 100px; font-size: 15px; color: #676767!important; line-height: 19px; } .linkpage a{ position: absolute; font-size: 15px !important; color: #676767 !important; line-height: 19px !important; } /*сдвигаем что-то справа влево под аву и тд*/ .punbb #viewprofile td{ overflow: visible;} /*убираем лишнее со страницы профиля*/ .fldByGerda-del {display: none !important;} /*поля на странице профиля в одну линию*/ .mamd {display: inline-block; width: 32% !important;} /*настройка больших полей профиля на странице профиля + убираем название полей*/ .mamadr {width: 542px!important; height: 92px; padding: 0px 1px 16px !important; background: linear-gradient(#dce1e8, #b6b8bb) !important; } #viewprofile li.mamadr span {display: none;} /*основа для дизайна профиля*/ #viewprofile { background: url(http://funkyimg.com/i/2Mihy.png); margin: -25px 0px 0px 0px; } /*------------------ левая часть ------------------*/ /*ширина*/ #profile-left { width: 215px !important; } /*высота*/ .punbb #profile-left { height: 295px; } #profile-left li { text-align: center; margin: 0 !important; } #profile-left img { margin: 0px 0px 0px 0px !important; } /*ширина и тд*/ .punbb #profile-right { width: 80%; padding-right: 27px; padding-left: 67px; padding-top: 9px; } /*двигаем левую часть*/ .punbb #profile-left li, #profile-left li * { margin-top: 6px; margin-bottom: -7px; top: 3px !important; text-align: center; } /*иф и статус на странице профиля*/ #profile-left #profile-name strong, #profile-left #profile-title strong { color: #fff !important; } #profile-left #profile-name { font-family: Bebas Neue; letter-spacing: 1px; margin: 17px 0px -8px 0px !important; font-size: 20px; text-shadow: 1px 2px 0 #558ae8; } #viewprofile li strong { display: block; font-weight: 400 !important; } /*онлайн / активен блабла*/ #profile-left li:last-child { padding-top: 5px; color: #fff; font-size: 15px; text-shadow: 0px 1px 0 #558ae8; font-family: Bebas Neue; letter-spacing: 1px; } /*------------------ правая часть ------------------*/ /*двигаем правую часть*/ #profile-right { position: relative; right: -4px; } /*дизайн окошек на странице профиля*/ #profile-right li { background: #6497f5 linear-gradient(#d8e6f7, #acbade); box-shadow: inset #a1c3ea 0 -1px 1px, inset 0 1px 1px #accaed, #96bae6 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px; margin-bottom: 1px !important; padding: 0 !important; } /*текст заголовков блоков на странице профиля*/ #viewprofile li span { display: inline-block; font-weight: 700 !important; padding: 10px 10px 2px !important; margin: 0px 0 0; margin-left: -0.5em !important; font-family: Bebas Neue; letter-spacing: 1px; font-size: 12px; color: #676767; line-height: 9px; } /*цвет текста заголовков блоков на странице профиля*/ #viewprofile li span a { color: #676767;} #viewprofile li span a:hover{ color: #33588e;} /*текст и ссылки блоков на странице профиля*/ #profile-right li strong { font-size: 13px; font-family: Bebas Neue; color: #404040; line-height: 0.9; padding: 2px 4px 6px !important; } #profile-right li strong a { font-size: 13px; font-family: Bebas Neue; color: #404040; line-height: 0.9; } #profile-right li strong a:hover{ font-size: 13px; font-family: Bebas Neue; color: #33588e; line-height: 0.9; } /*------------------ КОНЕЦ КАНАЛ СТРАНИЦА ПРОФИЛЯ ------------------*/
/* C1.1 */
.punbb .formal .container {
padding: 0.7em 0em 0em 2.3em;
}
Поделиться132018-11-25 13:36:40
новые настройки стр
.punbb .formal .container { padding: 5.7em 0em 0em 2.3em; } #viewprofile { background: url(https://forumstatic.ru/files/0019/e5/d4/49331.jpg); width: 911px; margin: -25px 0px 0px -4px; } #profile-left #profile-name { font-family: Bebas Neue; letter-spacing: 1px; position: relative; top: -69px !important; font-size: 20px; text-shadow: 1px 2px 0 #565656; } #profile-title strong { position: relative; top: -66px !important; text-transform: lowercase; } #profile-left img { margin: -42px 0px 0px 0px !important; } #profile-left #img src{ position: relative; top: -64px !important; left: 0px;} #img src{ position: relative; top: -64px !important; left: 0px;} #profile-left li:last-child { position: relative; top: -56px !important; left: 0px; color: #fff; font-size: 15px; text-shadow: 0px 1px 0 #651a1a; font-family: Bebas Neue; letter-spacing: 1px; } .mam01 { width: 0px!important; height: 0px!important; position: absolute; left: -220px; top: 220px; }