[Вопрос]

Всем привет.
Я в CSS не смыслю, надо пример что бы дальше делать

Хочу все кнопки переделать на CSS Sprites.

Подскажите как вставить css в эту конопку

PHP Code:

.sprite-newthread{ background-position: 0 -1597px; width: 110px; height: 26px; } 


PHP Code:

<td class="smallfont"><if condition="$show['newthreadlink']"><a href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow"><img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]" border="0" /></a><else />&nbsp;</if></td> 


http://vbsupport.ru/forum/showthread.php?t=45352

Originally Posted by Вектор

http://vbsupport.ru/forum/showthread.php?t=45352

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

Originally Posted by SeryogaPlus

Подскажите как вставить css в эту конопку

дайте больше цсс кода т.к. по этому ничего не ясно
А вообще, Вектор дал ссылку, в его посте в той теме все хорошо расписано. Посмотрите пример - должно стать понятней

Originally Posted by Sven

дайте больше цсс кода т.к. по этому ничего не ясно
А вообще, Вектор дал ссылку, в его посте в той теме все хорошо расписано. Посмотрите пример - должно стать понятней

FORUMDISPLAY
кнопка "новая тема"

<!-- controls above thread list -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
	<td class="smallfont"><if condition="$show['newthreadlink']"><a href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow"><img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]" border="0" /></a><else />&nbsp;</if></td>
	<if condition="$pagenav"><td align="$stylevar[right]">$pagenav</td></if>
</tr>
</table>
<!-- / controls above thread list -->

Originally Posted by SeryogaPlus

FORUMDISPLAY
кнопка "новая тема"

Код кнопки и у меня есть, я же написал, что CSS код нужен, чтоб понять, что вам нужно и как правильно реализовать

Originally Posted by Sven

Код кнопки и у меня есть, я же написал, что CSS код нужен, чтоб понять, что вам нужно и как правильно реализовать

вот он
вот подключение картинки с кнопками:

#container li {
    background: url(csg-51b094ea38086.png) no-repeat top left;
}

Кординаты каждой кнопок на картинке

.sprite-add_album{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite-addpoll{ background-position: 0 -66px; width: 21px; height: 17px; } 
.sprite-collapse_alt{ background-position: 0 -133px; width: 11px; height: 11px; } 
.sprite-collapse_alt_collapsed{ background-position: 0 -194px; width: 11px; height: 11px; } 
.sprite-collapse_generic{ background-position: 0 -255px; width: 13px; height: 13px; } 
.sprite-collapse_generic_collapsed{ background-position: 0 -318px; width: 13px; height: 13px; } 
.sprite-collapse_tcat{ background-position: 0 -381px; width: 10px; height: 10px; } 
.sprite-collapse_tcat_collapsed{ background-position: 0 -441px; width: 10px; height: 10px; } 
.sprite-collapse_thead{ background-position: 0 -501px; width: 13px; height: 13px; } 
.sprite-collapse_thead_collapsed{ background-position: 0 -564px; width: 13px; height: 13px; } 
.sprite-edit{ background-position: 0 -627px; width: 70px; height: 22px; } 
.sprite-email{ background-position: 0 -699px; width: 70px; height: 22px; } 
.sprite-find{ background-position: 0 -771px; width: 70px; height: 22px; } 
.sprite-firstnew{ background-position: 0 -843px; width: 12px; height: 12px; } 
.sprite-forward{ background-position: 0 -905px; width: 70px; height: 22px; } 
.sprite-home{ background-position: 0 -977px; width: 70px; height: 22px; } 
.sprite-infraction{ background-position: 0 -1049px; width: 21px; height: 17px; } 
.sprite-ip{ background-position: 0 -1116px; width: 18px; height: 17px; } 
.sprite-lastpost{ background-position: 0 -1183px; width: 12px; height: 12px; } 
.sprite-mode_hybrid{ background-position: 0 -1245px; width: 16px; height: 16px; } 
.sprite-mode_linear{ background-position: 0 -1311px; width: 16px; height: 16px; } 
.sprite-mode_threaded{ background-position: 0 -1377px; width: 16px; height: 16px; } 
.sprite-multiquote_off{ background-position: 0 -1443px; width: 25px; height: 22px; } 
.sprite-multiquote_on{ background-position: 0 -1515px; width: 25px; height: 22px; } 
.sprite-newthread{ background-position: 0 -1587px; width: 110px; height: 26px; } 
.sprite-post_thanks{ background-position: 0 -1663px; width: 77px; height: 23px; } 
.sprite-post_thanks_del{ background-position: 0 -1736px; width: 77px; height: 23px; } 
.sprite-printer{ background-position: 0 -1809px; width: 21px; height: 17px; } 
.sprite-quickreply{ background-position: 0 -1876px; width: 25px; height: 22px; } 
.sprite-quote{ background-position: 0 -1948px; width: 70px; height: 22px; } 
.sprite-redcard{ background-position: -160px 0; width: 16px; height: 22px; } 
.sprite-reply{ background-position: -160px -72px; width: 110px; height: 26px; } 
.sprite-reply_small{ background-position: -160px -148px; width: 110px; height: 22px; } 
.sprite-report{ background-position: -160px -220px; width: 21px; height: 17px; } 
.sprite-reputation{ background-position: -160px -287px; width: 21px; height: 17px; } 
.sprite-sendpm{ background-position: -160px -354px; width: 70px; height: 22px; } 
.sprite-sendtofriend{ background-position: -160px -426px; width: 21px; height: 17px; } 
.sprite-sortasc{ background-position: -160px -493px; width: 12px; height: 12px; } 
.sprite-sortdesc{ background-position: -160px -555px; width: 12px; height: 12px; } 
.sprite-subscribe{ background-position: -160px -617px; width: 21px; height: 17px; } 
.sprite-threadclosed{ background-position: -160px -684px; width: 110px; height: 26px; } 
.sprite-upload_pictures{ background-position: -160px -760px; width: 16px; height: 16px; } 
.sprite-viewpost{ background-position: -160px -826px; width: 12px; height: 12px; } 
.sprite-yellowcard{ background-position: -160px -888px; width: 16px; height: 22px; }

Такой вариант будет ужасно выглядеть. Для ul|ol нужно прописывать еще list-style и пр

Лучше воспользуйтесь примером Вектора и примените его. В разы проще будет