[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 26.10.12
Prihlásený: 14.12.17
Príspevky: 234
Témy: 72 | 72
Bydlisko: Bratislava
Vek: 27

Zdravím. Snažím sa aplikovať vo Wordprese do sidebaru na obrázok ktorý bude fungovať ako link tento efekt:

<div id="cf6_image" class="shadow"></div>

#cf6_image {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("/images/Windows%20Logo.jpg");
}

#cf6_image:hover {
background-image:url("/images/Turtle.jpg");
}


výsledný efekt ako to má fungovať je tuna :http://css3.bradshawenterprises.com/cfimg/ Demo 5 - Animating the background-image property

stiahol som si widget: Enhanced Text Widget ktorý by mal vedieť čítať CSS ale zatiaľ sa mi to ani jeden krát nepodarilo.
preto sa chcem spýtať čo robím zle.
stránka http://www.Gamefreak.sk diki moc


_________________
Roccat Kova+ (red pulse light), Sony MDR-1R (black), Nexus 7 2 32Gb 3G, PlayStation 4
Intel i3 4330, Gigabyte GA-H87-D3H, ASUS R9 270x 2Gb, Kingston hyperX Red 1600Mhz 2x8Gb-16Gb, SSD samsung 240gb pro, Seasonic SSP-450RT, Cooler Master Elite 311, LEPA louver LV12, 3x fan
Offline

Čestný člen
Čestný člen
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5447
Témy: 30 | 30
Bydlisko: Bratislava

Nech pozerám, ako pozerám, ale na tvojej stránke nevidím žiadny element s id "cf6_image".


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline

Užívateľ
Užívateľ
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 26.10.12
Prihlásený: 14.12.17
Príspevky: 234
Témy: 72 | 72
Bydlisko: Bratislava
Vek: 27
Napísal autor témyOffline : 13.10.2013 12:01 | ako aplikovať CSS na obrázok v sidebare v WP

ten efekt chcem aplikovať na obrázok : http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg

<div id="http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg" class="shadow"></div>

[color=#00FF00]#http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("/images/Windows%20Logo.jpg");
}

#http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg {
background-image:url("/images/Turtle.jpg");
}


_________________
Roccat Kova+ (red pulse light), Sony MDR-1R (black), Nexus 7 2 32Gb 3G, PlayStation 4
Intel i3 4330, Gigabyte GA-H87-D3H, ASUS R9 270x 2Gb, Kingston hyperX Red 1600Mhz 2x8Gb-16Gb, SSD samsung 240gb pro, Seasonic SSP-450RT, Cooler Master Elite 311, LEPA louver LV12, 3x fan
Offline

Užívateľ
Užívateľ
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 26.10.12
Prihlásený: 14.12.17
Príspevky: 234
Témy: 72 | 72
Bydlisko: Bratislava
Vek: 27
Napísal autor témyOffline : 13.10.2013 12:38 | ako aplikovať CSS na obrázok v sidebare v WP

Ide to ! Ďakujem Ti za pomoc tá tvoja otázka má na naviedla na správnu cestu diki MOC =D

ale stále pre CSS musím používať wordpress css editor a nie widget. To css sa tam zadáva v nejeakom inom formáte tak neviem...


_________________
Roccat Kova+ (red pulse light), Sony MDR-1R (black), Nexus 7 2 32Gb 3G, PlayStation 4
Intel i3 4330, Gigabyte GA-H87-D3H, ASUS R9 270x 2Gb, Kingston hyperX Red 1600Mhz 2x8Gb-16Gb, SSD samsung 240gb pro, Seasonic SSP-450RT, Cooler Master Elite 311, LEPA louver LV12, 3x fan
Offline

Čestný člen
Čestný člen
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5447
Témy: 30 | 30
Bydlisko: Bratislava

Vidíš, to je vaša chyba - dávate nám kódy z tutorialov, ktoré samozrejme fungujú. Keby si nám dal svoj kód:
Kód:
#http://www.gamefreak.sk/wp-content/uploads/2013/10/darkknight.jpg {
...

tak ti rovno poviem, že to, o čo sa snažíš, je blbosť a povedal by som ti, aby si si našiel administrátora, ktorý sa ti o to bude starať, alebo sa douč základy (nielen CSS), ktoré budeš potrebovať pri zmenách.


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline

Užívateľ
Užívateľ
ako aplikovať CSS na obrázok v sidebare v WP

Registrovaný: 26.10.12
Prihlásený: 14.12.17
Príspevky: 234
Témy: 72 | 72
Bydlisko: Bratislava
Vek: 27
Napísal autor témyOffline : 13.10.2013 15:03 | ako aplikovať CSS na obrázok v sidebare v WP

jasné neboj =D


_________________
Roccat Kova+ (red pulse light), Sony MDR-1R (black), Nexus 7 2 32Gb 3G, PlayStation 4
Intel i3 4330, Gigabyte GA-H87-D3H, ASUS R9 270x 2Gb, Kingston hyperX Red 1600Mhz 2x8Gb-16Gb, SSD samsung 240gb pro, Seasonic SSP-450RT, Cooler Master Elite 311, LEPA louver LV12, 3x fan
 [ Príspevkov: 6 ] 


ako aplikovať CSS na obrázok v sidebare v WP



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Ako aplikovať css do iframe?

v HTML, XHTML, XML, CSS

1

212

09.04.2010 15:34

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

HTML/CSS obrazok

v HTML, XHTML, XML, CSS

2

342

16.02.2011 15:40

unkown2552

V tomto fóre nie sú ďalšie neprečítané témy.

CSS: Obrazok pri hovery

v HTML, XHTML, XML, CSS

8

374

20.08.2007 11:36

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

Obrazok na pozadie - css

v HTML, XHTML, XML, CSS

10

1023

14.05.2011 12:49

johnny04501

V tomto fóre nie sú ďalšie neprečítané témy.

ako kopirovat text z pdf kde je ako obrazok

v Ostatné programy

1

234

19.10.2014 20:18

liqua1

V tomto fóre nie sú ďalšie neprečítané témy.

ako ulozit velky obrazok ako pdf

v Grafické programy

2

960

01.11.2009 15:57

Seth Sparrow

V tomto fóre nie sú ďalšie neprečítané témy.

Ako komprimovať obrázok?

v PHP, ASP

2

879

14.06.2009 15:33

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v HTML, XHTML, XML, CSS

1

284

05.07.2010 21:04

camo

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v HTML, XHTML, XML, CSS

8

337

19.11.2010 0:15

walther

V tomto fóre nie sú ďalšie neprečítané témy.

ako vytlačiť obrázok

v Grafické programy

15

1212

23.08.2010 16:03

prandof

V tomto fóre nie sú ďalšie neprečítané témy.

Obrázok ako odkaz...

v HTML, XHTML, XML, CSS

2

437

19.10.2009 15:52

AReYco

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako odkaz

v HTML, XHTML, XML, CSS

5

628

07.03.2007 23:29

mylan

V tomto fóre nie sú ďalšie neprečítané témy.

Ako zmenit obrazok fora?

v HTML, XHTML, XML, CSS

2

341

18.08.2008 10:08

MatusH131

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vytlačiť nadrozmerný obrázok?

v Grafické programy

13

3437

05.01.2011 19:24

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Poradte ako obrazok na stred

v HTML, XHTML, XML, CSS

17

1307

22.09.2008 14:30

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

ako vložiť obrázok do videa

v Video programy

2

1232

20.09.2009 18:36

Milan.H



© 2005 - 2017 PCforum, edited by JanoF