рабочая тетрадь

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

Поделиться12021-08-01 14:04:16

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

Код:

<!--HTML-->

<div class="piter">
<div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">

<label for="tab-1" class="">ВКЛАДКА 1</label>
<div class="content"><div class="vkladka1">

	<!------------------------------------ имя ------------------------------------>
<name>name surname</name>

</div></div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">

	<!------------------------------------ ВКЛАДКА 2 ------------------------------------>

<label for="tab-2" class="">ВЛКДАКА 2</label>
<div class="content"> <div class="vkladka2">


	<!------------------------------------ АКТИВ ------------------------------------>
<title>active</title>


</div></div>

</div></div>

<style>


.vkladka1 {margin: -36px 0x !important; }
.vkladka1 name {    color: #929292 !important;text-shadow: 1px 1px 0 rgb(15, 23, 1), 0 0 5px rgb(171 171 171 / 44%);display: block;font-size: 22px; border-top: 3px solid; text-align: right;     padding-right: 60px;}

.vkladka2 {       margin-left: 13px;}
.vkladka2 title {    color: #929292 !important;    text-shadow: 1px 1px 0 rgb(15, 23, 1), 0 0 5px rgb(171 171 171 / 44%);    display: block;    font-size: 22px;    border-top: 3px solid;    text-align: right;}

  .piter  {cursor: grab}
  .piter {    margin: auto;    text-align: justify;    letter-spacing: 0;    background: url(http://forumstatic.ru/files/0019/be/2f/99474.png) no-repeat;    width: 694px;    height: 547px; padding-top: 72px;}


 .piter .tabs {    position: relative;    margin-top: -84px;    width: 705px;    height: 645px;    overflow: hidden;    text-align: right;}


 .piter .tab label {    position: relative;    font: 15px comfortaa;    display: inline-block;    margin: 26px 31px;    font-size: 13px;    letter-spacing: .03rem;   color: #729ab5 !important;    text-shadow: 1px 1px 0 rgb(15, 23, 1), 0 0 5px rgb(7 154 251) !important;}

 .piter .content {    position: absolute;    top: 59px;    left: -8px;right: 0px;    opacity: 0;    height: 555px;    overflow: hidden;    transform: scale(.1,.1);    transition: .7s;    margin-left: -10px;}


 .piter .tab {   display: inline; }
 .piter .tab [type=radio] {   display: none;  }
 .piter [type=radio]:checked ~ label {z-index: 2; font-style: normal; color: #cccccc !important;} 
 .piter [type=radio]:checked ~ label ~ .content {   z-index: 1; opacity: 1; transform: scale(1,1); } 


</style>

Поделиться22021-08-01 14:18:41

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

.pa-author a {
text-shadow: rgb(98 100 134) 1px 1px 0px, rgb(232 234 255 / 54%) 0px 0px 5px;
font-weight: 700 !important;
color: rgb(232 234 255) !important;
transition: all 0.9s ease-in-out 0.5s !important;
}
/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
color: #717ab3 !important;
}

Поделиться32021-08-01 16:43:27

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

<faces>
<male><a href="ссылка на профиль">имя знаменитости</a> гость (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a> длинный ник (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a> гость (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a> длинный ник (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a> гость (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a></male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>
<male><a href="ссылка на профиль">имя знаменитости</a> длинный ник (22.05)</male>
<fem><a href="ссылка на профиль">имя знаменитости</a></fem>

</faces>

Поделиться42021-08-01 17:31:59

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

/* лс
-------------------------------------------------------------*/

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 9999;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px; z-index: 99999;}
.reveal-modal.medium { width: 400px; margin-left: -240px; z-index: 99999;}
.reveal-modal.large { width: 600px; margin-left: -340px; z-index: 99999;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px; z-index: 99999;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 42px;
right: -106px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

#character { z-index: 99999 !important;}

Поделиться52021-08-01 17:32:42

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

<script type="text/javascript">
function showTab(elem){
$(".menu span").removeClass("tabactive");
$(elem).addClass("tabactive");
$("div.submenutext").hide();
var activeDiv = $(elem).attr("alt");
$("div."+activeDiv).fadeIn();
return false;
}
$(".modal-link").click(function() {
var modId = $(this).attr('id');
$('.modal_wrap').html('');
$.get('pages/'+modId, function (data){
$('.modal_wrap').html($(data).find('.character').html());
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>

Поделиться62021-08-01 17:32:56

Автор: piterskaya
Администратор
Сообщений: 33
валюта: банк:
000
Уважение: +0

design test

Меню навигации

Пользовательские ссылки

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