шаблоны анкет

Страница: 1

Тема закрыта

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

Поделиться12015-04-23 21:35:18

Автор: genius
Администратор
Зарегистрирован: 2015-04-23
Приглашений: 0
Сообщений: 32
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
5 часов 42 минуты
Последний визит:
2016-03-06 21:39:21

Код:

<!--HTML-->
<center><div style="padding-top: 12px; width: 400px;"><div style="background: transparent; border-bottom: #CF5D37 4px solid;padding-bottom: 12px; letter-spacing: -5px; text-transform: lowercase; text-align: right; padding-right: 4px;">
</div><div style="border-top: #A6C791 8px solid; background: #FEF5B4; font-family: arial narrow; font-style: italic;  text-transform: lowercase; letter-spacing: 1px; font-size: 10px; line-height: 8px; color: #DE8B57; padding: 8px;">
<div style="border-left: #DE8B57 4px solid; padding: 4px; text-align: justify;">
Вашему вниманию представлены два вида анкет. Каждый участник может выбрать любой из двух вариантов: первый достаточно простой, совсем не обязательно вникать в систему кодов, со вторым вариантом дела обстоят иначе. Выбрав его вы должны помнить, что код ставится таким образом:
[*code]<!*--HTML-->[*/code]
Обязательно убираем звездочки и не теряем эту конструкцию, а то сам код не будет работать.
При создание самой анкеты, когда будете давать ей какое-то название, укажите ваше имя и возраст.
</div>

Full Name имя и фамилия персонажа на рус. яз
Доброго времени суток, мой читатель. Ты, наверное, уже знаешь меня, как указать сокращения или прозвища персонажа. Я родился\|ась/дата рождения в небольшом городе под названием место рождения, сейчас мне возраст числом лет/года. Не так давно я начал работать в место работы. Меня привлекают парни/девушки. На данный момент я в отношениях с имя пары/не состою.
во всяком характере, каким бы непривлекательным он ни казался, есть своя красота
полное описание характера вашего персонажа не менее 10 строк.
жизнь, которая не даёт художнику стать художником и есть его биография.
полное описание биографии вашего персонажа не менее 10 строк.
связь с вами
пример поста тут пост

Код:

[table layout=fixed width=100%]
[tr]
[td width=45% bgcolor=#f1d296  colspan=2][align=center][font=Anton][size=30]Full Name[/size][/font]
[font=Tahoma][size=12][i]имя и фамилия персонажа на рус. яз[/i][/size][/align][/font][/td]
[/tr]
[tr]
[td width=45% bgcolor=#f8e3ba colspan=2] [align=center][img]http://placehold.it/500x200[/img][/align]
[font=Georgia][align=center][i][size=12][i]Доброго времени суток, мой читатель. Ты, наверное, уже знаешь меня, как [b]указать сокращения или прозвища персонажа[/b]. Я [b]родился|ась/дата рождения[/b] в небольшом городе под названием [b]место рождения[/b], сейчас мне [b]возраст числом лет/года[/b]. Не так давно я начал работать в [b]место работы[/b]. Меня привлекают [b]парни/девушки[/b]. На данный момент я в отношениях с [b]имя пары/не состою[/b].[/i] [/size][/i][/align]
[/font]
[/td][/tr]
[tr]
[td bgcolor=#f1d296  colspan=2][align=center][font=Gothic][size=24]во всяком характере, каким бы непривлекательным он ни казался, есть своя красота[/size][/font][/align]
[/td][/tr]
[tr]
[td bgcolor=#f8e3ba colspan=2][align=center]полное описание характера вашего персонажа не менее 10 строк.[/align]
[/td][/tr]
[tr]
[td bgcolor=#f1d296  colspan=2][align=center][font=Gothic][size=24]жизнь, которая не даёт художнику стать художником и есть его биография.  [/size][/font][/align]
[/td][/tr]
[tr]
[td bgcolor=#f8e3ba colspan=2][align=center]полное описание биографии вашего персонажа не менее 10 строк.[/align]
[/td][/tr]
[tr]
[td bgcolor=#f1d296 colspan=2 ][font=Gothic][size=18][align=center]связь с вами[/align][/size][/font][/td]
[/tr]
[tr]
[td bgcolor=#f1d296 colspan=2]
[spoiler="пример поста"]тут пост[/spoiler][/td][/tr][tr]
[td bgcolor=#f8e3ba  colspan=2 ][/td][/tr]
[/table]

Поделиться22015-04-23 21:37:33

Автор: genius
Администратор
Зарегистрирован: 2015-04-23
Приглашений: 0
Сообщений: 32
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
5 часов 42 минуты
Последний визит:
2016-03-06 21:39:21

Код:

<!--HTML-->
<center><div style="padding-top: 12px; width: 400px;"><div style="background: transparent; border-bottom: #CF5D37 4px solid;padding-bottom: 12px; letter-spacing: -5px; text-transform: lowercase; text-align: right; padding-right: 4px;">
</div><div style="border-top: #A6C791 8px solid; background: #FEF5B4; font-family: arial narrow; font-style: italic;  text-transform: lowercase; letter-spacing: 1px; font-size: 10px; line-height: 8px; color: #DE8B57; padding: 8px;">
<div style="border-left: #DE8B57 4px solid; padding: 4px; text-align: justify;">
Вашему вниманию представлены два вида анкет. Каждый участник, может выбрать любой из двух вариантов.Первый, достаточно простой, совсем не обязательно вникать в систему кодов.  Со вторым вариантом, дела обстоят иначе. Выбрав его, вы должны помнить, что код ставиться таким образом:
[*code]<!*--HTML-->[*/code]
Обязательно убираем звездочки, и не теряем эту конструкцию, а то, сам код не будет работать.
При создание самой анкеты, когда будете давать ей какое-то название, укажите ваше имя и возраст.
</div>

Код:

<!--HTML--><style type="text/css">

@keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-webkit-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-moz-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-o-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

 .jicecream {
   width: 530px;
   height: auto;
   margin: 10px auto 0px;
   background: #f6eecc;
   padding: 0px 0px 15px;
   font: normal normal normal 13px/110% Calibri;
   color: #000;
   text-align: justify;
   border: solid 1px #9dc9f0;
 }
 
 .jicecream img { margin-bottom: 12px; margin-left: 15px; }
 
 .jicecream span {
   width: 150px;
   height: 10px;
   background-color: #f6eecc;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }
 
 .jicecream span:nth-of-type(1) { border-bottom: 2px solid #ccd5f2; margin-left: 21px; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 
 .jicecream span:nth-of-type(2) { border-bottom: 2px solid #9dc9f0; animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; } 
 .jicecream span:nth-of-type(3) { border-bottom: 2px solid #6db3ef; animation-delay: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; } 
 .jicecream span:nth-of-type(4) { border-bottom: 2px solid #ba9427; margin-left: 21px; animation-delay: -3s; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -o-animation-delay: -3s; } 
 .jicecream span:nth-of-type(5) { border-bottom: 2px solid #b98124; animation-delay: -4s; -webkit-animation-delay: -4s; -moz-animation-delay: -4s; -o-animation-delay: -4s; } 
 .jicecream span:nth-of-type(6) { border-bottom: 2px solid #a55319; animation-delay: -5s; -webkit-animation-delay: -5s; -moz-animation-delay: -5s; -o-animation-delay: -5s; } 
 
 
 .jicecream1 {
   width: 500px;
   height: auto;
   margin: 10px auto;
   background: #6db3ef url(http://sg.uploads.ru/mFh4R.png);
   padding: 15px;
 }
 
 .jicecream1:nth-of-type(1) { border-top: 6px solid #ccd5f2; border-bottom: 6px solid #9dc9f0 }
 .jicecream1:nth-of-type(2) { border-top: 6px solid #ba9427; border-bottom: 6px solid #a55319 }


</style>

<div class="jicecream">
 
 <img src="http://sh.uploads.ru/FRsDY.png">
 
 <span>имя</span><span>возраст</span><span>место рождения</span><br>
 <span>профессия</span><span>ориентация</span><span>связь</span>
 

 <div class="jicecream1">
   
   полное описание характера вашего персонажа не менее 10 строк.</div>

 <div class="jicecream1">полное описание биографии вашего персонажа не менее 10 строк.</div>
 
 
</div></HTML>

пример поста

Код:

[code*]<!*--HTML--><style type="text/css">

@keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-webkit-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-moz-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

@-o-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #ccd5f2; }
 10%, 90% { border-bottom: 2px solid #9dc9f0; }
 20%, 80% { border-bottom: 2px solid #6db3ef; }
 30%, 70% { border-bottom: 2px solid #ba9427; }
 40%, 60% { border-bottom: 2px solid #b98124; }
 50% { border-bottom: 2px solid #a55319; }
}

 .jicecream {
   width: 530px;
   height: auto;
   margin: 10px auto 0px;
   background: #f6eecc;
   padding: 0px 0px 15px;
   font: normal normal normal 13px/110% Calibri;
   color: #000;
   text-align: justify;
   border: solid 1px #9dc9f0;
 }
 
 .jicecream img { margin-bottom: 12px; margin-left: 15px; }
 
 .jicecream span {
   width: 150px;
   height: 10px;
   background-color: #f6eecc;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }
 
 .jicecream span:nth-of-type(1) { border-bottom: 2px solid #ccd5f2; margin-left: 21px; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 
 .jicecream span:nth-of-type(2) { border-bottom: 2px solid #9dc9f0; animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; } 
 .jicecream span:nth-of-type(3) { border-bottom: 2px solid #6db3ef; animation-delay: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; } 
 .jicecream span:nth-of-type(4) { border-bottom: 2px solid #ba9427; margin-left: 21px; animation-delay: -3s; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -o-animation-delay: -3s; } 
 .jicecream span:nth-of-type(5) { border-bottom: 2px solid #b98124; animation-delay: -4s; -webkit-animation-delay: -4s; -moz-animation-delay: -4s; -o-animation-delay: -4s; } 
 .jicecream span:nth-of-type(6) { border-bottom: 2px solid #a55319; animation-delay: -5s; -webkit-animation-delay: -5s; -moz-animation-delay: -5s; -o-animation-delay: -5s; } 

 
 .jicecream1 {
   width: 500px;
   height: auto;
   margin: 10px auto;
   background: #6db3ef url(http://sg.uploads.ru/mFh4R.png);
   padding: 15px;
 }
 
 .jicecream1:nth-of-type(1) { border-top: 6px solid #ccd5f2; border-bottom: 6px solid #9dc9f0 }
 .jicecream1:nth-of-type(2) { border-top: 6px solid #ba9427; border-bottom: 6px solid #a55319 }


</style>

<div class="jicecream">
 
 <img src="КАРТИНКА РАЗМЕРОМ 500x250">
 
 <span>имя</span><span>возраст</span><span>место рождения</span><br>
 <span>профессия</span><span>ориентация</span><span>связь</span>
 

 <div class="jicecream1">
   
   полное описание характера вашего персонажа не менее 10 строк.</div>

 <div class="jicecream1">полное описание биографии вашего персонажа не менее 10 строк.</div>
 
 
</div></*HTML>[/*code]
[spoiler="[align=center]пример поста[/align]"][/spoiler]

Поделиться32015-04-26 17:29:11

Автор: Yoo Young Jae
Администратор
Зарегистрирован: 2015-04-23
Приглашений: 0
Сообщений: 485
Уважение: [+7/-0]
Позитив: [+24/-4]
Провел на форуме:
3 дня 22 часа
Последний визит:
2015-05-31 20:57:53

оформление отношений

Код:

[*code]<*!--HTML-->
<style type="text/css">
.tongue { text-align: justify; color: #000; text-decoration: none; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #888; }
.tongue a:link, a:visited, a:active { text-decoration: none; font-family: calibri; text-transform: uppercase; font-weight: bold; font-size: 8px; color: #000; }
.tongue a:hover { text-decoration: line-through; }
.ghost { margin: 25px 0px; display: inline-block; padding: 5px; border-bottom: 1px solid #000; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; color: #000; }
.needle { padding-left: 75px; line-height: 250%;  }
.needle2 { padding-left: 75px; line-height: 150%;  }
</style>
<center>
<div style="width: 500px; padding: 10px; background: #E8E8DC URL(http://i939.photobucket.com/albums/ad235/little0sunshine/photoshop/others/pattern1.png)repeat;">
<div style="width: 400px; padding: 50px; background-color: #fff; border: 1px solid #fafafa;">
<table cellpadding="15"><td><div style="width: 60px; height: 60px; background-image: url(http://placehold.it/60x60); border-radius: 60px;"></div></td>
<td><div style="display: inline; text-align: left; font-family: courier; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; line-height: 250%;">ВАШЕ ИМЯ</div>
<br>
<div class="tongue">
<div class="needle">любимая цитата</div></td></table>
<div class="tongue">

<div class="ghost">имя персонажа</div>
<div class="needle">
ваше отношение к нему</div>

<div class="ghost">имя персонажа</div>
<div class="needle">
ваше отношение к нему
</div>

<div class="ghost">имя персонажа</div>
<div class="needle2">
ваше отношение к нему
</div>

<div class="ghost">имя персонажа </div>
<div class="needle">
ваше отношение к нему</div>

<div class="ghost">имя персонажа </div>
<div class="needle">
ваше отношение к нему</div>


</div>
</div>

</center>

<center><div style="width: 490px; margin: 5px; line-height: 110%; font-family: arial; text-transform: uppercase; text-align: right; font-size: 6px; color: #111;"</div></center>[*/code]

оформление хронологии

Код:

[*code]<*!--HTML-->
<style type="text/css">
.tongue { text-align: justify; color: #000; text-decoration: none; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #888; }
.tongue a:link, a:visited, a:active { text-decoration: none; font-family: calibri; text-transform: uppercase; font-weight: bold; font-size: 8px; color: #000; }
.tongue a:hover { text-decoration: line-through; }
.ghost { margin: 25px 0px; display: inline-block; padding: 5px; border-bottom: 1px solid #000; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; color: #000; }
.needle { padding-left: 75px; line-height: 250%;  }
.needle2 { padding-left: 75px; line-height: 150%;  }
</style>
<center>
<div style="width: 500px; padding: 10px; background: #E8E8DC URL(http://i939.photobucket.com/albums/ad235/little0sunshine/photoshop/others/pattern1.png)repeat;">
<div style="width: 400px; padding: 50px; background-color: #fff; border: 1px solid #fafafa;">
<table cellpadding="15"><td><div style="width: 60px; height: 60px; background-image: url(http://placehold.it/60x60); border-radius: 60px;"></div></td>
<td><div style="display: inline; text-align: left; font-family: courier; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; line-height: 250%;">Ваше имя</div>
<br>
<div class="tongue">
<div class="needle">
<br><a href="link">моя анкета</a></div>
</td></table>
<div class="tongue">

<div class="ghost">действующие эпизоды</div>
<div class="needle">
** <a href="link">название </a> // имя второго участника
<br><a href="link">название </a> // имя второго участника
<br><a href="link">название </a> // имя второго участника
<br><a href="link">название </a> // имя второго участника
</div>

<div class="ghost">неактивные эпизоды</div>
<div class="needle">
** <a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
</div>

<div class="ghost">отыгранные эпизоды</div>
<div class="needle2">
<a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
<br><a href="link">название</a> // имя второго участника
</div>

</div>
</div>

</center>

<center><div style="width: 490px; margin: 5px; line-height: 110%; font-family: arial; text-transform: uppercase; text-align: right; font-size: 6px; color: #111;"></div></center>[*/code]

Поделиться42015-10-06 00:06:40

Автор: Park Jiyeon
beyond the pain
Зарегистрирован: 2015-04-23
Приглашений: 0
Сообщений: 336
Уважение: [+12/-0]
Позитив: [+28/-0]
Пол: Женский
Провел на форуме:
1 день 18 часов
Последний визит:
2015-10-06 00:06:42

Код:

<!--HTML-->
<style type="text/css">
.tongue { text-align: justify; color: #000; text-decoration: none; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #888; }
.tongue a:link, a:visited, a:active { text-decoration: none; font-family: calibri; text-transform: uppercase; font-weight: bold; font-size: 8px; color: #000; }
.tongue a:hover { text-decoration: line-through; }
.ghost { margin: 25px 0px; display: inline-block; padding: 5px; border-bottom: 1px solid #000; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; color: #000; }
.needle { padding-left: 75px; line-height: 250%;  }
.needle2 { padding-left: 75px; line-height: 150%;  }
</style>
<center>
<div style="width: 500px; padding: 10px; background: #E8E8DC URL(http://i939.photobucket.com/albums/ad235/little0sunshine/photoshop/others/pattern1.png)repeat;">
<div style="width: 400px; padding: 50px; background-color: #fff; border: 1px solid #fafafa;">
<table cellpadding="15"><td><div style="width: 60px; height: 60px; background-image: url(http://placehold.it/60x60); border-radius: 60px;"></div></td>
<td><div style="display: inline; text-align: left; font-family: courier; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; line-height: 250%;">ВАШЕ ИМЯ</div>
<br>
<div class="tongue">
<div class="needle">любимая цитата</div></td></table>
<div class="tongue">

<div class="ghost">имя персонажа</div>
<div class="needle">
ваше отношение к нему</div>

<div class="ghost">имя персонажа</div>
<div class="needle">
ваше отношение к нему
</div>

<div class="ghost">имя персонажа</div>
<div class="needle2">
ваше отношение к нему
</div>

<div class="ghost">имя персонажа </div>
<div class="needle">
ваше отношение к нему</div>

<div class="ghost">имя персонажа </div>
<div class="needle">
ваше отношение к нему</div>


</div>
</div>

</center>

<center><div style="width: 490px; margin: 5px; line-height: 110%; font-family: arial; text-transform: uppercase; text-align: right; font-size: 6px; color: #111;"</div></center>

Тема закрыта

Страница: 1

iridescent

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

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

Объявление

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

шаблоны анкет

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

Поделиться12015-04-23 21:35:18

Поделиться22015-04-23 21:37:33

Поделиться32015-04-26 17:29:11

Поделиться42015-10-06 00:06:40