Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 17 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok NapísalOffline : 30.07.2014 12:38

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 13:45

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Príspevok Napísal autor témyOffline : 30.07.2014 13:48

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
Bydlisko: Považská By...
Príspevok NapísalOffline : 30.07.2014 13:50

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 13:51

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Bydlisko: Považská By...
Príspevok NapísalOffline : 30.07.2014 13:52

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
Príspevok Napísal autor témyOffline : 30.07.2014 13:59

ď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
Bydlisko: Považská By...
Príspevok NapísalOffline : 30.07.2014 14:11

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
Príspevok Napísal autor témyOffline : 30.07.2014 14:12

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 14:15

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Príspevok Napísal autor témyOffline : 30.07.2014 14:21

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 14:35

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Príspevok Napísal autor témyOffline : 30.07.2014 15:15

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 16:18

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Príspevok Napísal autor témyOffline : 30.07.2014 16:43

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 30.07.2014 17:18

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 Powercolor VEGA56 + Raijintek Morpheus II | 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: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & 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
Príspevok Napísal autor témyOffline : 30.07.2014 17:38

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


Odpovedať na tému [ Príspevkov: 17 ] 


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 HTML, XHTML, XML, CSS

9

374

11.05.2014 1:16

shaggy Zobrazenie posledných príspevkov

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

v Redakčné systémy

13

1079

04.06.2010 8:07

Roko Zobrazenie posledných príspevkov

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

v Redakčné systémy

0

902

05.07.2008 15:02

Nicitel Zobrazenie posledných príspevkov

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

v Redakčné systémy

8

888

24.05.2009 19:45

don jebot Zobrazenie posledných príspevkov

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

v Redakčné systémy

3

730

15.04.2007 18:29

mokus Zobrazenie posledných príspevkov

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

v Redakčné systémy

17

783

30.12.2012 12:20

IntelSK Zobrazenie posledných príspevkov

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

v Redakčné systémy

4

364

02.07.2013 11:43

QuestioneR Zobrazenie posledných príspevkov

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

v Redakčné systémy

1

751

28.09.2007 11:02

hdche Zobrazenie posledných príspevkov

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

v Redakčné systémy

4

886

10.05.2009 20:36

Momosk Zobrazenie posledných príspevkov

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

v Redakčné systémy

4

1075

28.12.2008 18:10

blackman545 Zobrazenie posledných príspevkov

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

v Redakčné systémy

8

415

20.09.2013 10:03

webkvalitne Zobrazenie posledných príspevkov

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

v Ponuka práce

0

524

28.10.2014 21:30

colorhaze Zobrazenie posledných príspevkov

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

v Redakčné systémy

2

312

14.08.2013 8:23

Beatdownhaus Zobrazenie posledných príspevkov

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

v Redakčné systémy

11

728

12.03.2010 16:10

wwww Zobrazenie posledných príspevkov

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

v Redakčné systémy

5

399

21.09.2014 15:47

capricorn7 Zobrazenie posledných príspevkov

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

v Redakčné systémy

1

285

08.06.2013 17:07

void Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra