[ Príspevkov: 17 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 30.07.2014 12:38 | Wordpress a Twenty Twelve

Ahojte snažím sa o niečo také o čo sa snaźil oktobus pred pár mesiacmi
Kód:
http://www.pcforum.sk/wordpress-tema-twenty-twelve-vt163863.html

Ale tak že namiesto farbného pozadia tam má byť tento obrázok Wordpress a Twenty Twelve ale keď do css pridám toto :

Kód:
.nav-menu li {
     margin: 0px;
}

.nav-menu li a {
     padding: 0px 20px;
     background-image: (http://minecraft-novinky.eu/wp-content/uploads/2014/07/stred.png);
}

.nav-menu li a:hover {
     background-image: (http://minecraft-novinky.eu/wp-content/uploads/2014/07/stred.png);
}


tak to nejde neviete prečo ? :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 13:45 | Wordpress a Twenty Twelve

Ak postnes kod stranky(idealne ale radsej link na stranku), tak ti to mozno povieme lahsie... ale


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 13:48 | Wordpress a Twenty Twelve

v kóde máš odkaz na stránku :) (už v prvom poste)
Kód:
http://www.minecraft-novinky.eu


Offline

Užívateľ
Užívateľ
Wordpress a Twenty Twelve

Registrovaný: 29.04.12
Prihlásený: 20.10.21
Príspevky: 242
Témy: 22 | 22
Bydlisko: Považská By...
NapísalOffline : 30.07.2014 13:50 | Wordpress a Twenty Twelve

Takto to daj:

Kód:
.nav-menu li {
     margin: 0px;
}

.nav-menu li a {
     padding: 0px 20px;
     background-image:url(http://minecraft-novinky.eu/wp-content/uploads/2014/07/stred.png);
}

.nav-menu li a:hover {
     background-image:url(http://minecraft-novinky.eu/wp-content/uploads/2014/07/stred.png);
}


_________________
Notebook: Asus K550L - Intel Core i3-4010U, nVidia GT 720M (2GB), RAM 6GB, 750GB HDD, Win 8.1 64bit
Myš: SteelSeries Kinzu v2
Mobil: Apple Iphone 5S
Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 13:51 | Wordpress a Twenty Twelve

Tak som si pozrel znovu ten kod v prvom poste.
Nezda sa mi ako si napisal background-image.
podla W3CSchools by to malo byt
Kód:
background-image:url('paper.gif');


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Wordpress a Twenty Twelve

Registrovaný: 29.04.12
Prihlásený: 20.10.21
Príspevky: 242
Témy: 22 | 22
Bydlisko: Považská By...
NapísalOffline : 30.07.2014 13:52 | Wordpress a Twenty Twelve

To čo som mu ja poslal by malo byť dobré :D takže áno má byť pred tým "url"


_________________
Notebook: Asus K550L - Intel Core i3-4010U, nVidia GT 720M (2GB), RAM 6GB, 750GB HDD, Win 8.1 64bit
Myš: SteelSeries Kinzu v2
Mobil: Apple Iphone 5S
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 13:59 | Wordpress a Twenty Twelve

ďakujem páni :) prosim ešte nezamykať keby som mal nejaký dotaz :D a zrovna ma jeden napadol neviete ako nastaviť na to home inakší obrázok a na posledné inakší pretože to mám takto Wordpress a Twenty Twelve
Wordpress a Twenty Twelve
Wordpress a Twenty Twelve


Offline

Užívateľ
Užívateľ
Wordpress a Twenty Twelve

Registrovaný: 29.04.12
Prihlásený: 20.10.21
Príspevky: 242
Témy: 22 | 22
Bydlisko: Považská By...
NapísalOffline : 30.07.2014 14:11 | Wordpress a Twenty Twelve

Skús vytvoriť novú clasu v CSS a zadefinuj ju pre to tlačítko home.


_________________
Notebook: Asus K550L - Intel Core i3-4010U, nVidia GT 720M (2GB), RAM 6GB, 750GB HDD, Win 8.1 64bit
Myš: SteelSeries Kinzu v2
Mobil: Apple Iphone 5S
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 14:12 | Wordpress a Twenty Twelve

trošku lepšie pre magorov by to nešlo ? :D


Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 14:15 | Wordpress a Twenty Twelve

Ak tomu rozumiem dobre tak chces na zaciatku ten odstrihnuty roh a na konci iny odstrihnuty roh.
Ma napada teraz rychlo len jedno riesenie a mozno su aj elegantnejsie, ale skus cely element vyplnit tym coje v strede a nastavit border-left a border-right ako tie pozadovane obrazky(s odstrihnutym rohom). ?

Dalej, ak sirka toho stredoveho nehra rolu, tak by som odporucil pouzit 1px siroky obrazok pre zrychlenie nacitania stranky.


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 14:21 | Wordpress a Twenty Twelve

no tie odstrihuté som sem zabudol postnúť v rovnakej verzii vśetký majú rovnaký rozmer 80 x 44 a ako si to myslel ako pod background-image:url ...... napísať toto
border-left:url(...); či to píšem uplnú kravinu či ? :D


Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 14:35 | Wordpress a Twenty Twelve

Skor som myslel border-image, ale nakolko to je css3 a specifikacia tohto sa stale meni, treba prist na nejaky lepsi a spatne kompatibilny sposob ako to spravit.

Chapem to tak ze chces pre prvy elemet pouzit jeden obrazok, potom chces mat stredovy obrazok a na koniec ten s pravym dolnym urezanym rohom, hej?

Ak to je tak, tak by som odporucil pouzit pseudo elemt :first-child a :last-child co ti umozni zmenit prvemu a poslednemu podelementu CSS.
kratky priklad CSS
Kód:
p:first-child{
background-color: green;
}
p:last-child{
background-color: red;
}

html:
Kód:
<div>
<p>bude zeleny</p>
<p></p>
<p></p>
<p>bude cerveny</p>
</div>


tu si mozes poskusat ako sa to sprava (last child) a kopec dalsich http://www.w3schools.com/cssref/trysel. ... last-child inak odporucam ti tu stranku, ak este nie si oboznameny poriadne s CSS


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 15:15 | Wordpress a Twenty Twelve

Takze do css iba pridam toto

p:first-child{
background-color: green;
}
p:last-child{
background-color: red;
}

ale namiesto background-color background-image chápem dobre ? :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 16:18 | Wordpress a Twenty Twelve

Nie, hento je len priklad. Ty tam mas miesto paragrafu link, cize a:first-child.
Kód:
.nav-menu li a:last-child {
     padding: 0px 20px;
     background-image: (http://minecraft-novinky.eu/wp-content/uploads/2014/07/j955hj.png);
}
.nav-menu li a:first-child {
     padding: 0px 20px;
     background-image: (http://minecraft-novinky.eu/wp-content/uploads/2014/07/jv0ump.png);
}


Ci ako sa ti to vola... trosku si nastuduj CSS


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 16:43 | Wordpress a Twenty Twelve

Dobre prepac css sa neucimt pretoze ho nepotrebujem som si myslel ze nebudem potrebovať ale budemasi spravim to cez html ale zas tam bude asi aj treba php a to tym duplom neviem :D


Offline

Skúsený užívateľ
Skúsený užívateľ
Wordpress a Twenty Twelve

Registrovaný: 19.03.07
Prihlásený: 22.04.26
Príspevky: 7084
Témy: 86 | 86
Bydlisko: BA
NapísalOffline : 30.07.2014 17:18 | Wordpress a Twenty Twelve

Nie je problem. Ale ak chces robit nieco s webmi tak bez html+css sa nepohnes vobec nikam. php a javascript je potom dalsi krok ak chces nieco rozumne spravit.
Samozrejme mozes zacat s javou, ale to sa tak ako tak preklada nakoniec do html+css~

Potom napis ci ti to funguje alebo nie.


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA XFX RX6800XT | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: Mac M4 Air 512 &
Mobil: Pixel 7a & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 30.07.2014 17:38 | Wordpress a Twenty Twelve

Nejde mi to asi som spravil chybu alebo niećo ale nejde o idem to robiť cez html pomohol by si mi ? :)

// Spojený príspevok Str 30.07.14 17:41

A ešte jedna otázka cez čo to mám robiť myslím html 4.01 alebo html 5


 [ Príspevkov: 17 ] 


Wordpress a Twenty Twelve



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Wordpress tema Twenty Twelve

v Frontend

9

479

11.05.2014 1:16

shaggy

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

Wordpress

v CMS

1

835

28.09.2007 11:02

hdche

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

Wordpress

v CMS

4

987

10.05.2009 20:36

Momosk

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

Wordpress

v CMS

13

1198

04.06.2010 8:07

Roko

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

Wordpress

v CMS

0

1037

05.07.2008 15:02

Nicitel

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

Wordpress

v CMS

8

994

24.05.2009 19:45

don jebot

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

Wordpress

v CMS

3

839

15.04.2007 18:29

mokus

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

Wordpress

v CMS

17

880

30.12.2012 12:20

IntelSK

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

wordpress

v CMS

4

465

02.07.2013 11:43

QuestioneR

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

Wordpress preklad

v CMS

6

851

19.07.2012 19:14

vladoff

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

Chyba WordPress

v CMS

5

565

11.07.2007 20:32

Toy M@ch!n3

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

Wordpress Widget

v Ostatné

4

532

29.05.2012 14:40

marek09041

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

Multilangual Wordpress

v CMS

1

329

07.07.2014 8:59

hatto13

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

WordPress--POMOOOC

v CMS

2

563

26.05.2007 10:50

MiroCO

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

wordpress tabulky

v CMS

8

514

20.09.2013 10:03

webkvalitne

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

Wordpress slovencina

v CMS

4

1224

28.12.2008 18:10

blackman545



© 2005 - 2026 PCforum, edited by JanoF