Вверх страницы
Вниз страницы

Probnik

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

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


Вы здесь » Probnik » livre d'or » всякое разное


всякое разное

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

1

Код:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<center><div class="gfhapp">

<img src="http://placehold.it/200x200" class="gfhicon">

</div><div class="tabs">
<div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1" class="gfh1" style="position: absolute; top: -50px; left: 35px;">01</label><div class="content">
<div class="gfht1">

<div class="gfhname">FIRST M. LAST</div>

<div class="gfhage">00
<div class="gfhdeet">YRS OLD</div></div>

<div class="gfhgen">M
<div class="gfhdeet">GENDER</div></div>

<div class="gfhmore">

UNDER THE COUCH
<div class="gfhmn">LOCATION</div>

THE GODS
<div class="gfhmn">GROUP</div>

SATYR
<div class="gfhmn"">SPECIES</div>

SAPIOSEXUAL
<div class="gfhmn">SEXUALITY</div>

SURFING THE COSMOS
<div class="gfhmn2">OCCUPATION</div>


</div></div></div></div>
<div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" class="gfh2" style="position: absolute; top: -50px; left: 255px; ">02</label><div class="content"><div class="gfht2">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget urna sit amet quam luctus feugiat vel quis nisl. Praesent euismod ante eu malesuada laoreet. Nunc sed semper odio. Nulla ut odio semper, ullamcorper est ut, rhoncus ligula. Donec mattis nunc ut dui aliquam placerat. Fusce sit amet porttitor justo. Curabitur nec leo vitae tellus ullamcorper gravida. Nulla in commodo leo. Pellentesque consectetur faucibus egestas. Nulla a ante ac odio interdum interdum at a risus. Maecenas dapibus bibendum libero, ut posuere odio dignissim non. Suspendisse potenti. Suspendisse potenti. Nullam vitae tortor pulvinar, aliquam velit nec, blandit elit. Mauris sed ligula elementum, sagittis nibh eget, elementum lacus. Proin rhoncus risus massa, nec dignissim purus condimentum quis.<p>

Cras porta sed turpis sed aliquet. Nunc ac venenatis est. Fusce lacus turpis, gravida non augue sed, lobortis fringilla nisi. Quisque tempus congue mollis. Pellentesque diam arcu, condimentum eu neque a, malesuada pulvinar ante. Duis mattis venenatis iaculis. In hac habitasse platea dictumst. Praesent ut arcu vel dui fermentum semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<p>

Quisque vitae pulvinar lacus, vel euismod lorem. In ut volutpat lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sed tempus elit. Nullam egestas, felis in laoreet ullamcorper, libero felis euismod ligula, ut suscipit tellus massa et turpis. Quisque et turpis eget ipsum eleifend porttitor ut at mi. Vivamus nec eleifend quam, porttitor adipiscing neque. Vestibulum et lorem commodo, sagittis odio a, sagittis nunc. Aliquam dolor felis, luctus sit amet arcu vitae, sollicitudin consectetur massa. Cras nec metus nisi. Curabitur a viverra est. Etiam ultrices placerat dui. Vestibulum consectetur at tellus non semper. Sed venenatis risus lorem, vitae hendrerit diam rutrum sit amet. Integer in urna mollis, tristique lorem in, feugiat lacus. In a nulla ultricies, dictum diam eget, dapibus dolor.

</div></div></div>
</div>
<div style="font-family: courier new; font-size: 08px; text-align: center; color: #000000; text-transform: uppercase;">Template Coded by Dali of CC specifically for Guns For Hands Use Only</div>
</center>
<style type="text/css">
.gfht2::-webkit-scrollbar {width: 05px;} .gfht2::-webkit-scrollbar-track {background-color: #fafafa;}  .gfht2::-webkit-scrollbar-thumb {background-color: #000000;} .gfhname { width: 340px; position: absolute; top: 10px; left: 10px; font-family: times new roman; font-size: 24px; color: #000000; text-transform: uppercase; text-align: center; font-style: italic; border-bottom: 1px dashed #dddddd; padding-bottom: 5px; } .gfhage { height: 75px; width: 75px; position: absolute; top: 100px; left: -10px; background-color: #000000; color: #ffffff; text-align: center; line-height: 65px; font-size: 20px; -webkit-border-top-right-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .gfhdeet { margin-top: -50px; font-family: courier new; font-size: 10px; } .gfhgen { height: 75px; width: 75px; position: absolute; top: 100px; right: -10px; background-color: #000000; color: #ffffff; text-align: center; line-height: 65px; font-size: 20px; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomleft: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .gfhmore { position: absolute; top: 50px; left: 80px; height: 165px; width: 178px; background-color: #fafafa; padding: 10px; font-family: times new roman; font-size: 10px; text-align: left; text-transform: uppercase; line-height: 10px; } .gfhmn { border-top: 1px dotted #666666; font-family: courier new; text-align: right; color: #898989; margin-bottom: 15px; } .gfhmn2 { border-top: 1px dotted #666666; font-family: courier new; text-align: right; color: #898989; } .gfhapp { width: 400px; height: 80px; background-color: #000000; position: relative; margin-top: 150px; } .gfhicon { z-index: 60; position: absolute; top: -145px; left: 92px; height: 200px; width: 200px; overflow: hidden; border: 8px solid #ffffff; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .gfh1 { text-align: left; padding-left: 15px; width: 105px; } .gfh2 { text-align: right; padding-right: 15px; width: 105px; } .gfht1 { background-color: #ffffff; color: #000000; padding: 10px; height: 230px; width: 340px; overflow: hidden; position: relative; } .gfht2 { background-color: #ffffff; color: #000000; padding: 10px; height: 230px; width: 340px; overflow: auto; font-size: 10px; font-family; calibri; line-height: 11px; text-align: justify; } .tabs { position: relative; width: 400px; height:  300px;  } .tab { float: left; } .tab label { background: #000000; color: #ffffff; padding: 2px; margin-left: -1px; position: relative; left: 1px; font-family: oswald; font-size: 40px; } .tab [type=radio] { display: none;   } .content { position: absolute; top: 8px; bottom: 0px; left: 0px; right: 0px; background: #000000; padding: 20px; color: #ffffff; } [type=radio]:checked ~ label { background: #000000; z-index: 2; color: #dddddd; } [type=radio]:checked ~ label ~ .content { z-index: 1; }
</style>







<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<div class="gfhup1">

UPDATE TITLE !

</div><div class="gfhup2">

<div class="gfhmin">MINI TITLE HERE</div><p>

<span class="griy">Vivamus erat tortor, ultricies in dignissim ac, tristique et tellus.</span> Nulla ultrices nisl sit amet urna laoreet, ut interdum dolor sollicitudin. Vivamus quis consectetur arcu. Pellentesque congue felis urna, eget euismod enim sodales et. Mauris ornare sapien quis consectetur mattis. Nullam in mattis dolor. Vestibulum luctus nibh in elementum condimentum. Donec placerat eros eu cursus egestas. Donec sed quam ante. Sed eu tincidunt libero.<p>

<div class="gfhmin">MINI TITLE HERE</div><p>

Integer sapien augue, gravida ut ipsum vitae, ullamcorper congue lorem. Cras blandit cursus convallis. Nullam id egestas neque. Sed vulputate diam dolor. Etiam eu dictum lectus, a vestibulum orci. Ut ac fermentum purus, sed pellentesque nulla. Praesent consequat fringilla pellentesque. Etiam id euismod diam, tincidunt fermentum erat. Nulla facilisi. Vestibulum vulputate metus ac sem viverra volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam id posuere tellus. Cras eget sollicitudin turpis, id luctus arcu. Nulla varius libero sed consequat hendrerit.

</div>
<div style="font-size: 08px; line-height: 09px; color: #000000; text-align: right; font-family: courier new; text-transform: uppercase;">
MADE BY DALI OF CC<br>FOR GFH USE ONLY</div>
<style>
.griy { text-transform: uppercase; font-family: courier new; color: #898989; }
.gfhmin { background-color: #000000; padding: 3px; color: #ffffff; width: 150px; text-align: center; font-size: 10px; font-family: courier new; text-transform: uppercase; line-height: 10px; margin-bottom: 05px; margin-top: 5px;  }
.gfhup1 { width: 390px; padding: 10px 20px 10px 10px; background-color: #000000; color: #ffffff; font-family: oswald; font-size: 30px; font-style: italic; text-align: right; text-transform: uppercase; }
.gfhup2 { width: 380px; padding: 20px; background-color: #fcfcfc; font-family: calibri; font-size: 10px; line-height: 11px; text-align: justify; color: #000000; }
</style>
</center>













<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<div class="gfhfc1">A, B, C, D</div>
<div class="gfhfc2">

[b]DALI, SALVADOR[/b] looks like [i]DOORMAN, BOB[/i]

<p>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">E, F, G, H</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">I, J, K, L</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">M, N, O, P</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">Q, R, S, T</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">U, V, W</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div><div class="gfhfc1">X, Y, Z, #</div>
<div class="gfhfc2">

[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]
<br>[b]FC LAST, FIRST[/b] looks like [i]LAST, FIRST[/i]

</div>

<div style="font-size: 08px; line-height: 09px; color: #000000; text-align: right; font-family: courier new; text-transform: uppercase;">
MADE BY DALI OF CC<br>FOR GFH USE ONLY</div>

<style>
.gfhfc1 { width: 290px; line-height: 30px; background-color: #000000; padding: 10px 20px 10px 10px; font-family: oswald; font-size: 30px; color: #ffffff; text-align: right; text-transform: uppercase; font-style: italic; }
.gfhfc2 { width: 300px; padding: 10px; background-color: #fcfcfc; font-family: calibri; font-size: 10px; text-align: left; color: #000000; line-height: 11px; }
</style>
</center>

0

2

Приблизительный список дел:
• Дизайн + мелкая графика
• Название категорий и описание подфорумов
• ФАК + зарисовка сюжета + знакомство с амс
• Шаблоны анкет  + шаблон на нужных
• Шаблон принятия в игру
• Оформление основных тем:
- гостевая
- список занятых ролей
- тема для определения таймлайнов фэндома
- правила
- форумная валюта (баллы)
- дневник амс
- шаблоны оформления игровых тем (вводное сообщение)
• Личное звание
• Конкурсы? Лотерея? Другие плюшки?

0

3

box-shadow: inset 0 0px 18px rgba(0, 0, 0, 0.2); (внутреннее свечение)
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; (скругление)

/* C3.5 */ /* НАСТРОЙКИ ОКОШКА ПРОФИЛЯ */

0

4

Код:
<!--Обрамление Кодов -->
<style>
.punbb .post-content blockcode,
.punbb .post-content .code-box{
border-color:transparent;
background-color:transparent;
}
.Myq_te_2,.Myq_te_1,.Myq_te_0{
border-collapse:collapse;
/*border:3px;*/
box-shadow: inset 0 0px 18px rgba(0, 0, 0, 0.2);
}
.Myq_te_0{padding:0px 9px;}
.Myq_te_0{
background-image:url();
background-position:top center;
background-repeat:no-repeat;
}
.Myq_te_1{
background-image:url();
background-position:bottom center;
background-repeat:no-repeat;
}
.Myq_te_2{
background-image:url();
background-position:center;
background-repeat:repeat-y;
}
.punbb .post-content .code-box{
background-color:#!important;
border:2px # dashed!important;
}
</style>
<script>
$(".code-box").each(function () {
if(!$(this).parents().hasClass("code-box")){
$(this).wrap('<div class=Myq_te_2><div class=Myq_te_1><div class=Myq_te_0></div></div></div>')
}
});
</script>
<!-- Обрамление Кодов -->
<style type="text/css">
.punbb .quote-box {
   position: relative;
   margin: 0em 0px 0px;
   overflow: hidden;
   color:#121210;
   min-height: 5px;
   padding: 1px;
   background: none;
   border: 0;
}
.punbb .quote-box blockquote{
   margin-top: 15px;
box-shadow: inset 0 0px 18px rgba(0, 0, 0, 0.2);
   background: url("") bottom left repeat-x #f9ebe0;
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
   padding: 20px 20px 5px 30px;
   max-width:90%;
   position: relative;
}
.punbb .quote-box blockquote:before {
   content: '';
   margin-top: -5px;
   background: url("") top left no-repeat transparent;
   position: absolute;
   width: 16px;
   height: 16px;
   top: 23px;
   left: 5px;
}
.punbb .quote-box blockquote:after {
   content: '';
   position: absolute;
   z-index:100;
   background: url("") top left no-repeat transparent;
   width: 16px;
   height: 16px;
   right: 5px;
   bottom: 5px;
}
.punbb .quote-box cite {
   font-style: normal;
   font-weight: none;
   display: block;
   font-size: 11px;
font-family: georgia; 
   color: #1a0800;
   background: url("") top left repeat-x transparent;
   height: 21px;
   line-height: 24px;
   position: absolute;
   z-index:100;
   top: 4px;
   text-shadow: #fefefe 1px 1px;
   left: 14px;
}
.punbb .quote-box cite:before {
   content: '';
   position: absolute;
   z-index:-1;
   background: url("") no-repeat 0px 0px transparent;
   width: 21px;
   height: 39px;
   left: -8px;
   top: -0px;
}
.punbb .quote-box cite:after {
   content: '';
   background: url("") no-repeat 0px 0px transparent;
   position: absolute;
   right: -33px;
   width: 33px;
   height: 21px;
}
blockquote.uncited div {
   padding: 0px 0px 0px 0px;
}
blockquote.uncited div:before {
   top: 0px;
}
</style>

0

5

chandler написал(а):

box-shadow: inset 0 0px 18px rgba(0, 0, 0, 0.2); (внутреннее свечение)
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; (скругление)

/* C3.5 */ /* НАСТРОЙКИ ОКОШКА ПРОФИЛЯ */

0

6

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: groove;
  border-width: 0px;
  }

0


Вы здесь » Probnik » livre d'or » всякое разное


Рейтинг форумов | Создать форум бесплатно