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

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

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

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

е това не са снимки това е CSS как ще стане както ти го казваш ?
 
От: как да добавя 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;}


Това е всичко, което ти трябва. Успех!
 
От: как да добавя css бутон ?

darkenergy_ каза:
Става много лесно - отваряш 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>
 
От: как да добавя css бутон ?

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

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

аз съм с блоггер
Увеличете...

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

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

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

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

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

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

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

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

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

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

то нестава само с четене прочети учебника от 500страници пак после нищо да не разбереш
 
От: как да добавя 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;
}
Надявам се да ти е полза.
 
Последно редактирано:
От: как да добавя css бутон ?

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

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

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

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

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

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

creeds каза:
ако бях го намерил някаде нямаше да питам пък и в бг пространството няма информация
Увеличете...

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

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

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

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

Горе