Код:
<!--HTML--><center><style> .container1 {width: 650px; margin: 0 auto; padding: 0;} .tab_container1 { clear: both; float: left; width: 650px; height: 500px; background-image : url(http://funkyimg.com/i/2Ds71.png); } </style> <div class="container"> <div class="html-box"> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <!-- Изображение 160х160 --> <div style="height:200px; width:200px; margin-top:8px; font-family: tahoma; color: #000000; font-size: 18px; text-align: left; margin-left:466px; position:absolute;z-index:100;overflow-y:auto"> <img src="ссылка на изображение размером 160х160"> </div> <!-- Имя и фамилия --> <div style="height:30px; width:400px; margin-top:15px; font-family: tahoma; color: #FFFFFF; font-size: 22px; text-align: left; margin-left:100px;position:absolute;z-index:100;overflow-y:auto"> <center>Фамилия и имя на латинице</center> </div> <!-- Имя и фамилия --> <div style="height:25px; width:400px; margin-top:40px; font-family: tahoma; color: #FFFFFF; font-size: 18px; text-align: left; margin-left:100px;position:absolute;z-index:100;overflow-y:auto"> <center>Фамилия и имя на русском</center> </div> <!-- Инфо --> <br><br> <div style="height:90px; width:440px; margin-top:55px; font-family: tahoma; color: #000000; font-size: 14px; text-align: left; margin-left:10px;position:absolute;z-index:100;overflow-y:auto"> <b>Возраст, дата рождения:</b> Ваш ответ <br><b>Предпочтения:</b> Ваш ответ <br><b>Род занятий:</b> Ваш ответ </div> <!-- Текст --> <div style="height:300px; width:595px; margin-top:155px; font-family: tahoma; color: #000000; font-size: 12px; text-align: left; margin-left:30px;position:absolute;z-index:100;overflow-y:auto"> История Вашего персонажа в удобной для Вас форме, объединяющая в себе и биографию, и характер, и умения, навыки, хобби и привычки, и особенности внешности, вроде шрамов, родинок и прочего. </div> </div> </div> </div> </div></center>
Убираем звездочки, заполняем и отправляем
Код:[code*]<!-*-HTML--><center><style> .container1 {width: 650px; margin: 0 auto; padding: 0;} .tab_container1 { clear: both; float: left; width: 650px; height: 500px; background-image : url(http://funkyimg.com/i/2Ds71.png); } </style> <div class="container"> <div class="html-box"> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <!-- Изображение 160х160 --> <div style="height:200px; width:200px; margin-top:8px; font-family: tahoma; color: #000000; font-size: 18px; text-align: left; margin-left:466px; position:absolute;z-index:100;overflow-y:auto"> <img src="ссылка на изображение размером 160х160"> </div> <!-- Имя и фамилия --> <div style="height:30px; width:400px; margin-top:15px; font-family: tahoma; color: #FFFFFF; font-size: 22px; text-align: left; margin-left:100px;position:absolute;z-index:100;overflow-y:auto"> <center>Фамилия и имя на латинице</center> </div> <!-- Имя и фамилия --> <div style="height:25px; width:400px; margin-top:40px; font-family: tahoma; color: #FFFFFF; font-size: 18px; text-align: left; margin-left:100px;position:absolute;z-index:100;overflow-y:auto"> <center>Фамилия и имя на русском</center> </div> <!-- Инфо --> <br><br> <div style="height:90px; width:440px; margin-top:55px; font-family: tahoma; color: #000000; font-size: 14px; text-align: left; margin-left:10px;position:absolute;z-index:100;overflow-y:auto"> <b>Возраст, дата рождения:</b> Ваш ответ <br><b>Предпочтения:</b> Ваш ответ <br><b>Род занятий:</b> Ваш ответ </div> <!-- Текст --> <div style="height:300px; width:595px; margin-top:155px; font-family: tahoma; color: #000000; font-size: 12px; text-align: left; margin-left:30px;position:absolute;z-index:100;overflow-y:auto"> История Вашего персонажа в удобной для Вас форме, объединяющая в себе и биографию, и характер, и умения, навыки, хобби и привычки, и особенности внешности, вроде шрамов, родинок и прочего. </div> </div> </div> </div> </div></center> [/code*]
Справка по заполнению и тегам:
Код:
<br> - новая строчка/абзац <b>Жирный шрифт</b> <i>Курсив</i> <u>Подчеркнутый</u> <big>Крупный текст</big> <a href="ссылка">слово, ведущее на ссылку</a>