Friends & Faces

May 02, 2011 12:14

К предыдущему дизайну Twitter Style у меня в сайдбаре была табличка с юзерпиками друзей.


























































Код моей таблицы сейчас выглядит так

http://7dyan.livejournal.com">http://l-userpic.livejournal.com/98164982/22817105">http://about-designers.livejournal.com">http://l-userpic.livejournal.com/93760673/23091797">http://akuaku.livejournal.com">http://l-userpic.livejournal.com/78253760/981595">http://alexandreev.livejournal.com">http://l-userpic.livejournal.com/110106468/819240">http://annafeanno.livejournal.com">http://l-userpic.livejournal.com/106088088/24168958">http://anton-kovalsky.livejournal.com">http://l-userpic.livejournal.com/108435815/20627710">http://asocio.livejournal.com">http://l-userpic.livejournal.com/42712517/9732427">http://asya-asia.livejournal.com">http://l-userpic.livejournal.com/109373936/24169969">http://bastamastowka.livejournal.com">http://l-userpic.livejournal.com/107390708/10453655">http://blackor.livejournal.com">http://l-userpic.livejournal.com/96517620/19797016">http://carivna.livejournal.com">http://l-userpic.livejournal.com/109540274/16537786">
http://cmart.livejournal.com">http://l-userpic.livejournal.com/107058770/68746">http://cupol.livejournal.com">http://l-userpic.livejournal.com/104279483/10546281">http://dragrom.livejournal.com">http://l-userpic.livejournal.com/72542338/9922333">http://ellustrator.livejournal.com">http://l-userpic.livejournal.com/43162055/7726350">http://finallook.livejournal.com">http://l-userpic.livejournal.com/104780469/30571308">http://fritzmorgen.livejournal.com">http://l-userpic.livejournal.com/61121688/12791732">http://gaikalexa.livejournal.com">http://l-userpic.livejournal.com/107609620/19795677">http://gostischev.livejournal.com">http://l-userpic.livejournal.com/66195321/7783869">http://igrick.livejournal.com">http://l-userpic.livejournal.com/109618628/562452">http://k-tulchinskaya.livejournal.com">http://l-userpic.livejournal.com/109734368/30227184">http://kalininskiy.livejournal.com">http://l-userpic.livejournal.com/38187664/5368610">
http://kungurov.livejournal.com">http://l-userpic.livejournal.com/71194954/12111257">http://lemonad.livejournal.com">http://l-userpic.livejournal.com/94322048/12497713">http://lena-diva.livejournal.com">http://l-userpic.livejournal.com/88106416/19735907">http://lord-3000.livejournal.com">http://l-userpic.livejournal.com/100077803/7149893">http://mcsimba.livejournal.com">http://l-userpic.livejournal.com/80045951/9202540">http://miumau.livejournal.com">http://l-userpic.livejournal.com/1195956/481121">http://moleska.livejournal.com">http://l-userpic.livejournal.com/70922007/11151018">http://namuinga.livejournal.com">http://l-userpic.livejournal.com/104934905/31190440">http://natasha-klever.livejournal.com">http://l-userpic.livejournal.com/106454721/24597539">http://ne-razumnaya.livejournal.com">http://l-userpic.livejournal.com/101859464/24749227">http://newsmaker-su.livejournal.com">http://l-userpic.livejournal.com/105963579/26651373">
http://nikitabesogon.livejournal.com">http://l-userpic.livejournal.com/109329218/35767272">http://olgerdknight.livejournal.com">http://l-stat.livejournal.com/horizon/nouserpic.png">http://pajasu.livejournal.com">http://l-userpic.livejournal.com/40648303/7367945">http://pan-limbert.livejournal.com">http://l-userpic.livejournal.com/102546214/10529019">http://piran-pm.livejournal.com">http://l-userpic.livejournal.com/107537991/14723903">http://pravda33.livejournal.com">http://l-userpic.livejournal.com/97539673/23365178">http://ru-estivastudio.livejournal.com">http://l-userpic.livejournal.com/88777329/18936890">http://russian-pie.livejournal.com">http://l-userpic.livejournal.com/99536004/24542629">http://screamix.livejournal.com">http://l-userpic.livejournal.com/99811464/6517573">http://solojumper.livejournal.com">http://l-userpic.livejournal.com/109331958/20822438">http://stepahin.livejournal.com">http://l-userpic.livejournal.com/97020372/10737845">
http://tastemeru.livejournal.com">http://l-userpic.livejournal.com/99963659/15326735">http://tema.livejournal.com">http://l-userpic.livejournal.com/107095795/339052">http://tevrizskii.livejournal.com">http://l-userpic.livejournal.com/83675076/17654663">http://vadim-design.livejournal.com">http://l-userpic.livejournal.com/104571948/9393459">http://vasya-lozhkin.livejournal.com">http://l-userpic.livejournal.com/108044703/12933937">http://vasyazybin.livejournal.com">http://l-userpic.livejournal.com/106709266/31381622">http://vpzapad.livejournal.com">http://l-userpic.livejournal.com/98691018/25749011">http://zhur74.livejournal.com">http://l-userpic.livejournal.com/82185958/17299481">http://zilyabr.livejournal.com">http://l-userpic.livejournal.com/90651801/1077757">http://zyalt.livejournal.com">http://l-userpic.livejournal.com/97472523/10761149">


Здесь - это строка, в которой 11 ячеек . Обращаем внимание, что у тегов и должны обязательно присутствовать закрывающие теги и . Также ячейке можно добавить title="имя друга" - тогда появится всплывающая подсказка с именем вашего друга.
В саму ячейку мы помещаем содержимое, а именно: юзерпик и ссылку на журнал. http://zyalt.livejournal.com">http://l-userpic.livejournal.com/97472523/10761149"> , где
http://zyalt.livejournal.com"> - это ссылка на журнал друга, обязательно с закрывающим тегом
http://l-userpic.livejournal.com/97472523/10761149"> - это ссылка на юзерпик, у которого width (ширина) и height (высота) равна 40 px, а border (рамка) равна 0.
Ссылку на юзерпик можно получить клинкнув на него правой кнопкой мыши и скопировав url.

Можно еще воспользоваться Домом друзей. Там все просто, вводите свой ник-нейм и получаете табличку в виде дома с юзерпиками ваших друзей. Такой дом можно вставлять в профиль. Чтобы он приобрел такой вид, как у меня, нужно его отредактировать: удалить все лишнее, чтобы вид был как у моей таблицы. Если вы будете пользоваться Домом друзей, то копирайт нужно будет указать.

Возможно, где-то есть более простой способ, мне он пока не известен)

хозяйке на заметку

Previous post Next post
Up