Неофициальная техническая поддержка MyBB

Объявление

Приветствуем ;)

На форуме Неофициальной Технической Поддержки MyBB.

Нам 11 лет 6 месяцев.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Неофициальная техническая поддержка MyBB » Дизайн Форума CSS » Новые кнопки в форме ответа [M.@.t.r.i.x] (c)


Новые кнопки в форме ответа [M.@.t.r.i.x] (c)

Сообщений 1 страница 2 из 2

1

Вставлять в HTML - верх или в Форму ответа

В этой теме только кнопки, никаких скриптов по дополнительным кнопкам здесь нет

Black buttons by [Э.G.O.T.R.A.N.$] aka [M.@.t.r.i.x] (c)

Скрин
http://img337.imageshack.us/img337/3840/blackiconswk4.th.png

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img72.imageshack.us/img72/6545/fontnh0.png')}
#button-size {background-image:url('http://img72.imageshack.us/img72/1851/fontsizeuq4.png')}
#button-bold {background-image:url('http://img72.imageshack.us/img72/8796/boldcc8.png')}
#button-italic {background-image:url('http://img72.imageshack.us/img72/6549/italybn9.png')}
#button-underline {background-image:url('http://img72.imageshack.us/img72/2900/underlineca3.png')}
#button-strike {background-image:url('http://img72.imageshack.us/img72/4773/64794260pn1.png')}
#button-left {background-image:url('http://img72.imageshack.us/img72/5779/alignleftyo8.png')}
#button-center {background-image:url('http://img265.imageshack.us/img265/4157/aligncenterpj5.png')}
#button-right {background-image:url('http://img72.imageshack.us/img72/4153/alignrightxk1.png')}
#button-link {background-image:url('http://img72.imageshack.us/img72/1305/linkwi1.png')}
#button-email {background-image:url('http://img72.imageshack.us/img72/3971/mailbe5.png')}
#button-image {background-image:url('http://img72.imageshack.us/img72/1939/picba6.png')}
#button-hide {background-image:url('http://img72.imageshack.us/img72/4175/hidetxtgj8.png')}
#button-quote {background-image:url('http://img72.imageshack.us/img72/3276/quotegw6.png')}
#button-code {background-image:url('http://img72.imageshack.us/img72/1515/codemg6.png')}
#button-color {background-image:url('http://img72.imageshack.us/img72/5148/colorspx0.png')}
#button-smile {background-image:url('http://img72.imageshack.us/img72/1026/smileshl5.png')}
#button-keyboard {background-image:url('http://img72.imageshack.us/img72/7042/keyboardxq3.png')}
#button-imageup {background-image:url('http://img72.imageshack.us/img72/2582/loadimageme3.png')}
</style>

Так же иконка для дополнительных смайлов - http://i034.radikal.ru/0803/d5/7aa6c842f689.png
Pinky buttons by [Э.G.О.Т.R.А.N.$] aka [M.@.t.r.i.x] (c)

http://img339.imageshack.us/img339/6900/pinkbuttonbarwt7.th.png

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img210.imageshack.us/img210/4083/fontnj6.png')}
#button-size {background-image:url('http://img153.imageshack.us/img153/5050/fontsizeox5.png')}
#button-bold {background-image:url('http://img517.imageshack.us/img517/2178/boldwm7.png')}
#button-italic {background-image:url('http://img86.imageshack.us/img86/4518/italicch7.png')}
#button-underline {background-image:url('http://img210.imageshack.us/img210/8162/underlineqy0.png')}
#button-strike {background-image:url('http://img153.imageshack.us/img153/1719/88603494zc7.png')}
#button-left {background-image:url('http://img297.imageshack.us/img297/148/alignlefths8.png')}
#button-center {background-image:url('http://img86.imageshack.us/img86/1416/aligncenterck9.png')}
#button-right {background-image:url('http://img329.imageshack.us/img329/4710/alignrightmt1.png')}
#button-link {background-image:url('http://img329.imageshack.us/img329/4056/linkcp1.png')}
#button-email {background-image:url('http://img182.imageshack.us/img182/8940/mailaf0.png')}
#button-image {background-image:url('http://img210.imageshack.us/img210/7561/picurlml3.png')}
#button-hide {background-image:url('http://img210.imageshack.us/img210/5066/hidetxtzk6.png')}
#button-quote {background-image:url('http://img210.imageshack.us/img210/4836/qouteql6.png')}
#button-code {background-image:url('http://img182.imageshack.us/img182/203/codetd7.png')}
#button-color {background-image:url('http://img210.imageshack.us/img210/3773/colorsnq6.png')}
#button-smile {background-image:url('http://img153.imageshack.us/img153/6584/smilesgu1.png')}
#button-keyboard {background-image:url('http://img297.imageshack.us/img297/6546/keyboardez9.png')}
#button-imageup {background-image:url('http://img517.imageshack.us/img517/8963/loadimageab4.png')}
</style>

Дополнительные кнопки.

http://img264.imageshack.us/img264/2960/extrasmileshy3.png - доп. смайлы
http://img265.imageshack.us/img265/8175/spoilerwl0.png - спойлер
http://img329.imageshack.us/img329/3286/rutuberi4.png - рутуб
http://img410.imageshack.us/img410/7185/yotubemz2.png - ютуб
http://img164.imageshack.us/img164/8926/uploadzn1.png - загрузка файлов
http://img176.imageshack.us/img176/52/radikalsz0.png - Радикал
Grey buttons by [M.@.t.r.i.x] aka [Э.G.O.T.R.A.N.$] (c)

http://img220.imageshack.us/img220/2554/blablaud8.th.jpg

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img100.imageshack.us/img100/7872/fontag6.png')}
#button-size {background-image:url('http://img233.imageshack.us/img233/8052/sizefontft7.png')}
#button-bold {background-image:url('http://img296.imageshack.us/img296/5051/boldew7.png')}
#button-italic {background-image:url('http://img233.imageshack.us/img233/9614/italwy4.png')}
#button-underline {background-image:url('http://img233.imageshack.us/img233/7743/underlineul7.png')}
#button-strike {background-image:url('http://img233.imageshack.us/img233/1989/97155150ze9.png')}
#button-left {background-image:url('http://img233.imageshack.us/img233/8444/leftalignxj8.png')}
#button-center {background-image:url('http://img296.imageshack.us/img296/9294/centeralignxq3.png')}
#button-right {background-image:url('http://img233.imageshack.us/img233/866/rightalignvo6.png')}
#button-link {background-image:url('http://img233.imageshack.us/img233/9210/urlpr3.png')}
#button-email {background-image:url('http://img233.imageshack.us/img233/533/mailta3.png')}
#button-image {background-image:url('http://img233.imageshack.us/img233/9349/piccr2.png')}
#button-hide {background-image:url('http://img100.imageshack.us/img100/1556/hideso3.png')}
#button-quote {background-image:url('http://img233.imageshack.us/img233/8871/quoterb4.png')}
#button-code {background-image:url('http://img120.imageshack.us/img120/2010/coderr7.png')}
#button-color {background-image:url('http://img120.imageshack.us/img120/2382/colorsln2.png')}
#button-smile {background-image:url('http://img233.imageshack.us/img233/1204/smiles2ud2.png')}
#button-keyboard {background-image:url('http://img233.imageshack.us/img233/673/keyboardae5.png')}
#button-imageup {background-image:url('http://img233.imageshack.us/img233/2074/loadimagelg9.png')}
</style>

Дополнительные кнопки:
http://img220.imageshack.us/img220/9610/spoilerny3.png - спойлер
http://img262.imageshack.us/img262/7056/radikalrc8.png - радикал
http://img262.imageshack.us/img262/9625/extrasmilesco0.png - доп. смайлы
http://img227.imageshack.us/img227/9287/rutubepp0.png - иконка RuTube
http://img98.imageshack.us/img98/1641/youtubeua3.png - иконка YouTube
http://img401.imageshack.us/img401/7780/uploadfilesnj5.png - загрузка файлов
http://img90.imageshack.us/img90/5792/20285224yb0.png - Для выделения текста
Green buttons by [M.@.t.r.i.x] aka [Э.G.O.T.R.A.N.$] (c)

http://img120.imageshack.us/img120/2303/83677561lv4.th.png

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img174.imageshack.us/img174/1452/fonthz7.png')}
#button-size {background-image:url('http://img80.imageshack.us/img80/1867/fontsizegy1.png')}
#button-bold {background-image:url('http://img216.imageshack.us/img216/84/boldlf9.png')}
#button-italic {background-image:url('http://img156.imageshack.us/img156/5069/italyrh0.png')}
#button-underline {background-image:url('http://img149.imageshack.us/img149/4333/underlinelf9.png')}
#button-strike {background-image:url('http://img174.imageshack.us/img174/2307/54011529lv3.png')}
#button-left {background-image:url('http://img156.imageshack.us/img156/8153/alignleftxz2.png')}
#button-center {background-image:url('http://img187.imageshack.us/img187/5083/aligncenterxv4.png')}
#button-right {background-image:url('http://img156.imageshack.us/img156/8256/alignrightfp1.png')}
#button-link {background-image:url('http://img291.imageshack.us/img291/9313/urlgt8.png')}
#button-email {background-image:url('http://img254.imageshack.us/img254/3112/mailok1.png')}
#button-image {background-image:url('http://img187.imageshack.us/img187/3/imagesj0.png')}
#button-hide {background-image:url('http://img149.imageshack.us/img149/4254/hidetxtvd4.png')}
#button-quote {background-image:url('http://img80.imageshack.us/img80/4641/quotecj2.png')}
#button-code {background-image:url('http://img255.imageshack.us/img255/9720/codebk5.png')}
#button-color {background-image:url('http://img80.imageshack.us/img80/2074/colorsct2.png')}
#button-smile {background-image:url('http://img80.imageshack.us/img80/5314/smilesub7.png')}
#button-keyboard {background-image:url('http://img156.imageshack.us/img156/9781/keyboardqt5.png')}
#button-imageup {background-image:url('http://img148.imageshack.us/img148/6255/loadimagenq3.png')}
</style>

Дополнительные кнопки:
http://i031.radikal.ru/0803/41/959cc06a6649.png - спойлер
http://i043.radikal.ru/0803/f9/24d3512668de.png - рутуб
Вы можете высталять сюда свои пакеты кнопок.

Код для создание своих комплектов вы можете приобрести Здесь пост №106

Blue buttons by [Э.G.O.T.R.A.N.$] aka [M.@.t.r.i.x] (c)

Скрин
http://img246.imageshack.us/img246/4025/bluestylescreenshotvl6.th.png

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img237.imageshack.us/img237/7380/fontzb3.png')}
#button-size {background-image:url('http://img214.imageshack.us/img214/7857/fontsizeuz2.png')}
#button-bold {background-image:url('http://img219.imageshack.us/img219/9638/boldvd2.png')}
#button-italic {background-image:url('http://img301.imageshack.us/img301/3409/italicyw4.png')}
#button-underline {background-image:url('http://img245.imageshack.us/img245/9021/underlineri3.png')}
#button-strike {background-image:url('http://img214.imageshack.us/img214/8216/strikeiw7.png')}
#button-left {background-image:url('http://img212.imageshack.us/img212/7158/alignleftpp6.png')}
#button-center {background-image:url('http://img301.imageshack.us/img301/324/aligncenternn2.png')}
#button-right {background-image:url('http://img152.imageshack.us/img152/7417/alignrightlw4.png')}
#button-link {background-image:url('http://img301.imageshack.us/img301/7703/urlil8.png')}
#button-email {background-image:url('http://img219.imageshack.us/img219/4443/mailvy8.png')}
#button-image {background-image:url('http://img383.imageshack.us/img383/1889/picbm9.png')}
#button-hide {background-image:url('http://img245.imageshack.us/img245/610/hideuo7.png')}
#button-quote {background-image:url('http://img214.imageshack.us/img214/7382/quotelf9.png')}
#button-code {background-image:url('http://img383.imageshack.us/img383/2821/codetd6.png')}
#button-color {background-image:url('http://img214.imageshack.us/img214/945/colorsps3.png')}
#button-smile {background-image:url('http://img237.imageshack.us/img237/4098/smilesfg6.png')}
#button-keyboard {background-image:url('http://img212.imageshack.us/img212/6263/keyboardzg9.png')}
#button-imageup {background-image:url('http://img152.imageshack.us/img152/5641/loadimagetx1.png')}
</style>

0

2

нижние кнопки не все видны две кнопки отсутствуют

Отредактировано Рыбкин (20.10.2010 20:23:48)

0


Вы здесь » Неофициальная техническая поддержка MyBB » Дизайн Форума CSS » Новые кнопки в форме ответа [M.@.t.r.i.x] (c)