Вёрстка списка форумов

[frankus]

Кто-нибудь может сверстать с минимальным количеством кода вот такой список форумов:

http://img560.imageshack.us/img560/8265/20130310152402.jpg ?

[vadimon]

А что нам за это будет?

P.S. Это вопрос или вызов?

[nebovluje]

http://codepen.io/anon/pen/dHqKD

Маркеры сам прикрутишь.

[frankus]

vadimon, просьба в форме вопроса.

http://codepen.io/anon/pen/dHqKD

Маркеры сам прикрутишь.

Большое спасибо. Можно Вас ещё попросить прикрутить картинку влево http://i51.fastpic.r...d30b016cc15.png как на скрине http://img560.images...0310152402.jpg?

[mrnobody]

ну вот так можно http://codepen.io/anon/pen/sDytB (с помощью background)

или так: http://codepen.io/anon/pen/bmfIr (с помощью list-style-image)

Edited March 16, 2013 by mrnobody

[nebovluje]

ну вот так можно http://codepen.io/anon/pen/sDytB (с помощью background)

или так: http://codepen.io/anon/pen/bmfIr (с помощью list-style-image)

Размер иконок надо явно меньше делать, хотя бы под размер строки.

Примерно так http://codepen.io/nebovluje/pen/FBfGv

Edited March 16, 2013 by nebovluje

[frankus]

mrnobody, nebovluje, спасибо! Хочу Вас попросить ещё сделать следующее:

1) Центрировать картинку http://i51.fastpic.ru/big/2013/0316/15/499b2159ff8ae1f6a1e6cd30b016cc15.png http://i51.fastpic.ru/big/2013/0316/8d/6ed9084b5f8b08f8d5fd314b66cede8d.jpg

2) Вместо маркеров рядом с подфорумами прикрутить ссылку-картинку http://livedemo.installatron.com/1362909495phpbb/styles/subsilver2/imageset/icon_topic_latest.gif или http://demo.phpbb3.pl/styles/prosilver/imageset/icon_topic_latest.gif .

3) Добавить центрированную колонку справа: http://i54.fastpic.ru/big/2013/0316/30/fd721cff622dbb54c662ef7b106f9830.jpg и http://i53.fastpic.ru/big/2013/0316/c4/a36951ac58a9236e6e89ef441cf239c4.jpg

Заранее спасибо.

Табличная вёрстка как пример есть на: http://youtracker.net/ и http://keep.cd/ (скрины редактировал через дебагер) откуда брал скрины.

Могу скинуть средств на тройку банок пива обоим, напишите свои реквизиты мне в ЛС.

[nebovluje]

Первые два пункта сделал http://codepen.io/nebovluje/pen/JzHFx Чтобы нормально сделать третий, нужно все переверстывать . Не совсем понял зачем нужны ссылки-картинки, которые только утежеляют код. Можно было сделать маркерами.

Edited March 16, 2013 by nebovluje