кайфон
Код:
<!--HTML--> <div style="width: 797px; height:450px;background-image:url(http://funkyimg.com/i/2ds9Y.png);padding-top: 20px;"> <div style="margin-top: 5px;margin-left: 84px; width: 560px; height:385px; padding: 20px; background-color: #ffffff; background-image:url(http://funkyimg.com/i/2drUX.png);"><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1" style="margin-left: 63px;"><img src="http://funkyimg.com/i/2dud7.png"></label><div class="content" > <div class="pixi"> <!-- КАРТИНКА С ВАШЕЙ ВНЕШНОСТЬЮ: ПОСЛЕ background-image:url( ВМЕСТО http://placehold.it/160x160 ВСТАВЬТЕ КАРТИНКУ С ВАШЕЙ ВНЕШНОСТЬЮ КОТОРАЯ БУДЕТ ЯВЛЯТЬСЯ АВАТАРОМ. ПАМЯТКА: В ГУГЛЕ ОЧЕНЬ ПРОСТО НАЙТИ КАРТИНКУ НУЖНОГО РАЗМЕРА, ДЛЯ ЭТОГО ДОСТАТОЧНО ПРОСТО УКАЗАТЬ ЕЁ РАЗМЕРЫ В ИНСТРУМЕНТАХ ПОИСКА. ПРИМЕР: https://www.google.ru/search?q=first+last&newwindow=1&hl=ru&noj=1&biw=968&bih=622&tbm=isch&source=lnt&tbs=isz:ex,iszw:160,iszh:160 , ГДЕ first И last - ЗНАЧЕНИЯ ПОИСКА - ВАША ВНЕШНОСТЬ. ТАК ЖЕ МОЖНО ПОДБИРАТЬ КАРТИНКИ НЕМНОГО БОЛЬШЕ, ЧЕМ ЗАДАННЫЕ РАЗМЕРЫ --> <div class="pixnimg1"><img src="http://placehold.it/160x160" style="width: 136px; border-radius: 100%; margin-left: 8px; margin-top: 8px"></div> <div class="pixivozrast"> <!-- ВАШ ВОЗРАСТ --> лет/год </div> <div class="pixinamee"> <!-- ВАШЕ ИМЯ НА АНГЛИЙСКОМ ЯЗЫКЕ --> Name Last Name </div> <div class="pixinamee1"> <!-- КАКАЯ-ЛИБО ЦИТАТА, КОТОРУЮ ВЫ ХОТИТЕ ВСТАВИТЬ В АЙФОН --> "Ваша цитата"</div> </div><br> <!-- ВСТАВЬТЕ ССЫЛКУ НА ПРОФИЛЬ ВАШЕЙ ПАРЫ ВМЕСТО ССЫЛКА, ЕСЛИ ПАРЫ НЕТ, ПУНКТ ПРОПУСТИТЕ --> <a href="ссылка"> <!-- ВМЕСТО МОЯ ЛЮБОВЬ ВСТАВЬТЕ ТО, КАК ОТНОСИТЕСЬ К СВОЕМУ ПАРТНЁРУ/ЕГО ЕЁ ИМЯ/МИЛОЕ ЗВАНИЕ И Т.Д. --> <img src="http://funkyimg.com/i/2duem.png" title="моя любовь" style="width: 36px; height:30px; margin-top: 35px; margin-left: 320px; position: absolute; z-index: 1"></a> <div class="pixi1" ><table><tr> <td style="width: 65px"><div class="pixinamee2"><center>00<br><div class="pixinamee3">эпизода</center></div></div></td> <td style="width: 55px"><div class="pixinamee2"><center>00<br><div class="pixinamee3">фильма</center></div></div></td> <td style="width: 55px"><div class="pixinamee2"><center>00<br><div class="pixinamee3">песни</center></div></div></td> <td style="width: 55px"><div class="pixinamee2"><center>00<br><div class="pixinamee3">книги</center></div></div></td> <td style="width: 105px"><div class="pixnimg2"> <!-- ВМЕСТО http://placehold.it/100x100 ВСТАВЛЯЙТЕ ССЫЛКУ НА ГИФ С ВАШИМ ПАРТНЁРОМ РАЗМЕРОМ 100Х100(ЛИБО ДРУГОЙ КВАДРАТНЫЙ РАЗМЕР). ЕСЛИ У ВАС НЕТ ПАРТНЁРА, ТОГДА ВСТАВЛЯЙТЕ ЛИБО ВАШУ ГИФКУ, ЛИБО МОЖЕТЕ ВСТАВАТЬ ВМЕСТО ВАШЕЙ ПАРЫ КАКОЕ-ЛИБО ЖИВОТНОЕ/ПРЕДМЕТ --> <img src="http://placehold.it/100x100" style="width: 82px; border-radius: 100%; margin-left: 10px; margin-top: 10px"> </div> </td><td style="width: 100px"><div class="pixinamee3"><center> <!-- ВАША ПРОФЕССИЯ --> профессия <!-- НА ЭТОМ ЗАПОЛНЕНИЕ ЗАКОНЧИЛОСЬ. ОСТАЛЬНОЕ ОСТАВЛЯЙТЕ КАК ЕСТЬ. СКОРО ВЫ ПОЛУЧИТЕ СВОЙ КРАСИВЫЙ И БЛЕСТЯЩИЙ АЙФОНЧИК В ПОДАРОК ОТ АМС --> </center></div></td></tr></table></div><div class="pixi2"><table><tr><td style="width: 300px"><div class="like4"> <!-- ПОДАРКИ --> </div></td><td style="width: 230px"><div class="like4" style="width: 230px"> <!-- ОТМЕТКИ ЗА КОНКУРСЫ --> </div></td></tr></table></div> </div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-left: 15px;"><img src="http://funkyimg.com/i/2dud8.png"></label><div class="content"> <table><tr><td style="width: 341px"><div class="pixi3" ><center><div class="pixibut2">фильмы и книги</div></center> <div class="nwshocont1"> <!-- ФИЛЬМЫ И КНИГИ --> </div></div></td><td style="width: 218px"> <div class="pixi4" ><center><div class="pixibut2">песни</div></center> <div class="nwshocont2"> <!-- ПЕСНИ --> </div></div></td></tr></table> </div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-left: 15px;"><img src="http://funkyimg.com/i/2dud9.png"></label><div class="content" > <table><tr><td style="width: 241px"><div class="pixi5" ><center><div class="pixibut2">плашки</div></center> <div class="nwshocont3"><!-- ПЛАШКИ --> </div></div></td><td style="width: 341px"><div class="pixi6" ><center><div class="pixibut2">коллекции</div></center> <center><div class="nwshocont4"><!-- КОЛЛЕКЦИИ --> </div></div></td></tr></table> </div></div> <div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4" style="margin-left: 15px;"><img src="http://funkyimg.com/i/2duda.png"></label> <div class="content" > <div class="pixi8" ><center><div class="pixibut2">хронология</div></center> <div class="nwshocont6"> <table><tr><td> <div class="pixnimg3"><a href=""><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px" title="назад в будущее с Саванной"></a><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%;margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td></tr></table> <table><tr><td> <div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%;margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td> <td><div class="pixnimg3"><img src="http://funkyimg.com/i/2ds8T.png" style="width: 62px; border-radius: 100%; margin-left: 8px; margin-top: 8px"><br></td></tr></table></div> <table style="margin-left:-10px"><tr><td style="width: 266px"><div class="pixi9" ><center><div class="pixibut2">эмоции</div></center> <center><div class="nwshocont7"> <!-- СМАЙЛЫ --> </div> </td><td style="width: 309px"><div class="pixi10" style="margin-left:-10px"><center><div class="pixibut2">приложения</div></center> <center><div class="nwshocont8"> <!-- ПРИЛОЖЕНИЯ --> </div></td> </tr></table> </div></div> </div></div></div> </div> </center><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/31/46/13496.css" /><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0017/2f/25/20929.css" /><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/41/a7/67766.css" />