инструкция по использованию всплывающего окошка

для каждого пользователя создается отдельная страница.

шаг первый
администрирование - страницы - создать страницу.
название: какое угодно.
адрес: строго английскими буквами, полагаю в случае бёрна будет первая буква имени персонажа + фамилия.
dgreenwood, например, или mking.

в окошко запиливаем этот код:

Код:

<div class='character'> 
	<div class="menuss">
    	<div class="menuss-links">
        <span alt="#sm1" onclick='showTab(this);'>О персонаже</span>
        <span alt="#sm2" onclick='showTab(this);'>Достижения</span>
        <span alt="#sm3" onclick='showTab(this);'>Плашки</span>
        <span alt="#sm4" onclick='showTab(this);'>Награды</span>
    	</div>
    </div>
    <div id="submenuss">
	    <div id="sm1" class="submenutextss" style="display:block;">
	        
 	     <center><div class="aboutchar">
    <div class="charcit">Spooky scary skeletons
send shivers down your spine.
Shrieking skulls will shock your soul
seal your doom tonight.   
</div>
    <img src="http://s7.uploads.ru/pTs0J.png">
    <div class="charpic"><img src="http://sh.uploads.ru/NSoup.gif">
    <img src="http://sh.uploads.ru/NSoup.gif">
    <img src="http://sh.uploads.ru/NSoup.gif">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" style="margin-left: 10px; margin-top: 10px" width="346" height="15">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
<param name="bgcolor" value="#684819">
<param name="FlashVars" value="mp3=http://dl.waix.ru/4dba4b04f.mp3&amp;bgcolor=cecece&amp;loadingcolor=cecece&amp;slidercolor=cecece"></object></div>
    <div class="charinf"><tl>семья</tl>
      
      <br><br><tl>место жительства</tl>
      <br><br><tl>особые приметы</tl> Люк?..

Гейб никогда его так не звал, ни разу за их долгую, очень долгую жизнь Вестник не назвал его так; всегда «Лука», иногда – крайне редко – звал «Несущий Свет». Но это вот «Люк» было сказано именно той интонацией, которой Гейб всегда говорил «Лука». Всё внутри Люцифера похолодело и свернулось в той узел, а потом в один миг разорвалось и залило кровью лёгкие, когда из-за гаража вышел Габриэль. То есть, действительно – это был он. Светоносный бы узнал своего Вестника среди тысяч, миллионов и миллиардов людей, спустя многие века и даже эры. И это совершенно точно был Вестник. Всё внутри Люцифера орало сейчас и, кажется, душа – при условии её наличия, хах – рвала острыми когтями саму себя, разрывала на куски, пытаясь достать то, что причиняет боль. Но это не возможно: Люцифер весь сейчас одна сплошная боль, огромный оголенный нерв. Кажется, даже кожу мучительно обжигает, а на языке чувствуется едкий вкус предательства.
      <br><br><tl>мобильный телефон</tl>
       <br><br><tl>личный транспорт</tl> Ты оставил его со мной, Ты подарил мне связь с ним, Ты говорил с ним. А он бросил меня. Чего Твои дары стоят теперь, Отец?

Люцифера словно током ударило, когда он услышал это габриэлевское «Люк». Сердце сжалось до боли и Светоносный моментально открыл глаза – когда только закрыть успел? – задохнувшись от облегчения, счастья, но вместе с тем – ярости и обиды.

- Гэбриэл, - выдохнул архидемон почти шепотом, уже позабыв даже, как приятно звучит имя Возвещающего, ощущая, что земля уходит из-под ног и голова начинает кружиться, а потом…
</div></center>

	    </div>
	    <div id="sm2" class="submenutextss">
	           
  <div class="achivkatit" style="margin-top: -3px">ФОРУМНАЯ АКТИВНОСТЬ</div>      
  <div class="achivka"><table><tr>
    <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" title="Это достижение получено за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
    </tr>
    <tr>
    <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
    </tr>
    <tr>
    <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
    </tr>
    <tr>
    <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
     <td><img src="http://imgdepo.com/id/i10008243" class="achivblk" title="Достижение за активность, напр. +100500 соо"></td>
    </tr>
    <tr>
</table>
    </div>

  <div class="achivkatit">ИГРОВАЯ АКТИВНОСТЬ</div>      
  <div class="achivka"><table><tr>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    </tr>
    <tr>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    <td><img src="http://imgdepo.com/id/i10008242" class="achivblk" title="Достижение за игру, напр. въебал с ноги в эпзоде собесенику"></td>
    </tr>
</table>
    </div>

	    </div>
	    <div id="sm3" class="submenutextss">
	           
  <center> <table style="text-align: center"><tr><td><img src="http://imgdepo.com/id/i10003759"></td>
    <td><img src="http://imgdepo.com/id/i10003759"></td></tr>
    <tr><td><img src="http://imgdepo.com/id/i10003759"></td>
    <td><img src="http://imgdepo.com/id/i10003759"></td></tr></table>
</center>	

	    </div>
	    <div id="sm4" class="submenutextss">
	          
  <div class="achivkatit" style="margin-top: 10px">ПОЛУЧЕННЫЕ НАГРАДЫ</div>
         <center><div class="charawads"><table>
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
           </tr>
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
</tr> 
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
 </tr> 
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
</tr> 
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
</tr> 
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
 </tr> 
<tr>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
    <td><img src="http://imgdepo.com/id/i10008413" class="achivblk" title="За что выдается"></td>
 </tr> 
</table></div></center>


	    </div>
    </div>
</div>

я знаю, что с кодами на уровне че куда влепить и так, чтобы ничо не полетло вы знаете, накрайняк призовете меня. плеер такой же, как был в таблице на броадчестере раньше, дэвид знает, как им пользоваться.

для форумчан лучше не кидать целиком вышеобозначенный код. они даже с пояснениями там не разберутся, лол. сделать просто темку типа "заказ личной страницы" и там бб тегами сделать все, что нужно. ну для примера пусть такое заполняют:

Цитата:

Ссылки на изображения:
/три картинки размером 100х100/

Ссылка на трек или название песни:
/загружать сюда http://zabmix.ru/file /

Семья:

Особые приметы:

Мобильный телефон:

Личный транспорт:

шаг второй
в доп. поле отведенное под кнопку вставить это:

Код:

<a id="адрес страницы" title="Информация" class="modal-link" href="#" data-reveal-id="character"><img src="ссылка на изображение"></a>

где адрес страницы это текст, прописанный, собственно, в адрес при создании страницы. вот это mking или там dgreenwood. ссылка на изображение может быть встроенная или своя собственная, какую игрок захочет; псд кнопки я грине скину

ЗАПОЛНЕНИЕ ЛИЧНОЙ СТРАНИЦЫ
♦ Внимательно заполняйте указанный ниже шаблон и следуйте указаниям/пояснениям, что даны к пунктам;
♦ Открывается личная страница по клику на плашку в профиле. По умолчанию дается стандартная, индивидуальную можно заказать за 1000 фунтов, обратившись в эту тему;
♦ Цветовая схема плеера по умолчанию - черная. Сменить её можно за 100 фунтов, указав код необходимого цвета.
♦ Первая установка музыки в плеер личной страницы - бесплатная. Вы можете в будущем поменять его за 500 фунтов в этой же теме.

ш а б л о н д л я з а п о л н е н и я:

Код:

[quote][size=14][font=Georgia][b][i]Цитата:[/i][/b][/font][/size]
Здест текст.

[size=14][font=Georgia][b][i]Изображение:[/i][/b][/font][/size]
Ссылки на три картинки размером 100х100, можно использовать гифки.

[size=14][font=Georgia][b][i]Музыка:[/i][/b][/font][/size]
Ссылка на трек, загружать можно сюда: http://zaix.ru/?from=zabmix.ru

[size=14][font=Georgia][b][i]Семья:[/i][/b][/font][/size]
Члены вашей семьи и описание по желанию.

[size=14][font=Georgia][b][i]Особые приметы:[/i][/b][/font][/size]
Внешние особенности персонажа, привычки.

[size=14][font=Georgia][b][i]Мобильный телефон:[/i][/b][/font][/size]
Описанием или картинкой.

[size=14][font=Georgia][b][i]Личный транспорт:[/i][/b][/font][/size]
Транспортное средство персонажа описанием или картинкой.[/quote]