как да добавя css бутон ?

Kohorta

Active Member
От: как да добавя css бутон ?

Във файловете в които са ти линковете "read more" - заместваш текста с код за изобразяване на картинка
със зададени размери.
Ето така примерно: <img src="...пътя до картинката..." width="60" height="10" border="0"/>
 

creeds

New Member
От: От: как да добавя css бутон ?

Във файловете в които са ти линковете "read more" - заместваш текста с код за изобразяване на картинка
със зададени размери.
Ето така примерно: <img src="...пътя до картинката..." width="60" height="10" border="0"/>

е това не са снимки това е CSS как ще стане както ти го казваш ?
 

darkenergy_

Active Member
От: как да добавя css бутон ?

Става много лесно - отваряш CSS на уебсайта си. Намираш класът, към който е прикачен read more и правиш следното - пишеш

.class {background:url ("ime_na_kartinka.png") no repeat;}

( .class е името на класа ти)


За да ти се смени картинката при посочване на бутона можеш да ползваш следната техника (малко е остаряла, но нея най-лесно ще приложиш)


.class:hover {background:url ("ime_na_novata_kartinka.png") no repeat;}


Това е всичко, което ти трябва. Успех!
 

creeds

New Member
От: как да добавя css бутон ?

Става много лесно - отваряш CSS на уебсайта си. Намираш класът, към който е прикачен read more и правиш следното - пишеш

.class {background:url ("ime_na_kartinka.png") no repeat;}

( .class е името на класа ти)

За да ти се смени картинката при посочване на бутона можеш да ползваш следната техника (малко е остаряла, но нея най-лесно ще приложиш)


.class:hover {background:url ("ime_na_novata_kartinka.png") no repeat;}


Това е всичко, което ти трябва. Успех!

аз съм с блоггер

прочетох, че трябвало да бъде преди <b:skin>
 

creeds

New Member
От: как да добавя css бутон ?

Хм ако правилно те разбирам, ще ти трябва css кода на самия бутон, който си си харесал и по горния начин в класа но не с изображение а с кода.

именно искам да сложа кода в блоггер да ми промерни read more бутона с css бутон с ефект
 

Kohorta

Active Member
От: как да добавя css бутон ?

аз съм с блоггер

Ами ние няма как да знаем къде си и с какво си нали!
С blogger не съм се занимавал и не мога да ти помогна.
Нямам си представа как и какви са му файловете.
 

creeds

New Member
От: как да добавя css бутон ?

Ами ние няма как да знаем къде си и с какво си нали!
С blogger не съм се занимавал и не мога да ти помогна.
Нямам си представа как и какви са му файловете.

според тебе щом пиша в блоггер секцията значи съм с блоггер

еми няма файлове в блоггер само един html едитор и тва е там мога да добавям каквото ще добавям
 

uni-web

Well-Known Member
От: как да добавя css бутон ?

Еми като няма, си сложи блога на друга някоя готова система, или вземи по прочети малко езици за програмиране и си направи, блог който да можеш да си пипаш от всякъде и по всяко едно време.

Пък, като не ти се учи, или занимава се съобразяваш с това което ти предоставят и прочети повече... ще си стои както си е докато наистина не прочетеш повече. ;)
 

creeds

New Member
От: как да добавя css бутон ?

Еми като няма, си сложи блога на друга някоя готова система, или вземи по прочети малко езици за програмиране и си направи, блог който да можеш да си пипаш от всякъде и по всяко едно време.

Пък, като не ти се учи, или занимава се съобразяваш с това което ти предоставят и прочети повече... ще си стои както си е докато наистина не прочетеш повече. ;)

гледай сега тука нали сме да си помагаме един css бутон някой неможе да сподели как се слага ?

пък каквото ще си го уча сам си знам

то нестава само с четене прочети учебника от 500страници пак после нищо да не разбереш
 

radoslav68

Active Member
От: как да добавя css бутон ?

ако линка на read more изглежда така <a class="a_demo">read more</a> това по-доло ти е css стила за бутона:

.a_demo_one:before {
background-color: #CCD0D5;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 1px #909193 inset, 0 1px 0 #FFFFFF;
content: "";
display: block;
height: 100%;
left: -8px;
padding: 8px;
position: absolute;
top: -8px;
width: 100%;
z-index: -1;
}
.a_demo_one {
background-color: #3BB3E0;
background-image: -moz-linear-gradient(center bottom , #2CA0CA 0%, #3EB8E5 100%);
border: 1px solid #186F8F;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;
color: #FFFFFF;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
padding: 10px;
position: relative;
text-decoration: none;
}
Надявам се да ти е полза.
 
Последно редактирано:

uni-web

Well-Known Member
От: как да добавя css бутон ?

гледай сега тука нали сме да си помагаме един css бутон някой неможе да сподели как се слага ?

пък каквото ще си го уча сам си знам

то нестава само с четене прочети учебника от 500страници пак после нищо да не разбереш

Така е, да си помагаме, и нямам нищо против, ами то никъде да не прочетеш нищо и веднага да питаш, си е малко кофти.
А с четене, аз лично научих 5 езика за програмиране, ама щом казваш, че нищо не ставало с четене ще се съглася, няма проблем.
 

creeds

New Member
От: как да добавя css бутон ?

Така е, да си помагаме, и нямам нищо против, ами то никъде да не прочетеш нищо и веднага да питаш, си е малко кофти.
А с четене, аз лично научих 5 езика за програмиране, ама щом казваш, че нищо не ставало с четене ще се съглася, няма проблем.

ако бях го намерил някаде нямаше да питам пък и в бг пространството няма информация
 

pisara

Well-Known Member
От: как да добавя css бутон ?

ако бях го намерил някаде нямаше да питам пък и в бг пространството няма информация

Информация има много. В линка, който си дал има css за различните стилове бутони, пробва ли ги?
 

creeds

New Member
От: как да добавя css бутон ?

Информация има много. В линка, който си дал има css за различните стилове бутони, пробва ли ги?

естествено, че съм пробвал прочетох от един туториал ,че трябва да сложа преди ]]></b:skin>, но не се получава ефекта.
Пробвах по този начин преди взимам един стил от тях и го поставям преди "]]></b:skin>" и сменям първия ред, който е ".a_demo_three {" със този код ".jump-link {", където го видях от подобен бутон css3, така бутона се появява, но не му работи ефекта, който е при натискане ? мисля, че този код .jump.link е за read more

да добавя ето го и подобния css3 код, всъщност css3 е бонус, а туториала е за auto post summary with thumbnail
 

Горе