Új hozzászólás Aktív témák
-
pecze
aktív tag
Nem tudom módosítani, nem én vagyok a rendszergazda, meg azt se tudom van e a szerveren php meg mysql környezet. A fő probléma, hogy a domain még csak nem is hasonlít az iskoláéra, saját, aminek egy aldomainéről menne az oldal. Ezért lenne fontos, hogy mindig ugyanaz maradjon címként a böngészőben, ne nézzék a látogatók, hogy hova kerültem.
-
wis
tag
Aki a proba.sulinet.hu aldomaint létrehozza annak kell hozzáférése legyen DNS-hez hiszen az aldomaint is fel kell vennie. A proba.hu rendszergazdáját meg kell kérni, hogy állítson be egy aliast (proba.sulinet.hu) a proba.hu-ra. PHP, MySQL irreleváns ebből a szempontból.
Az iframes megoldás is működhet ha elfogadjuk, hogy így az aloldalakra nem lehet könyvjelzőzni és linkelni más oldalakról. -
huliganboy
addikt
Sziasztok!
Adott egy ccs képmegjelenítési forma. lásd: link
Az a problémám hogy a két képet nem tudom közelebb hozni egymáshoz.... Lehet nektek pitiáner kérdés de én itt elakadtam.
Minden egyéb dolgot ami érdekelt megoldottam de ez nem megy....
Illetve még egy kérdésem lenne.
A képre álva rá lehet kattintani egy részletek gombra.... az vajon megoldható hogy akkor a képet nagyban felugró ablakban jelenítse meg?Köszönöm annak aki ránéz!
[ Szerkesztve ]
-
pecze
aktív tag
válasz huliganboy #5804 üzenetére
A képre vonatkozó stílusbeállítás a style_common.css-ben van, ott a .view class-ban kell módosítani a margin értékét, hogy közelebb hozd egymáshoz őket, csökkenteni kell.
Ezenkívül van bal, jobb, alsó, felső margó, ha egy értéket adsz meg, a margin mindre vonatkozik, ha nem akarod, csak a bal, jobb margót módosítani, vagy eltérő értékeket akarsz megadni, akkor megadhatod egyesével is:
margin: 20px 10px 20px 10px;
Sorrend: felső, jobb, alsó, bal
vagy
margin: 20px 10px;
Sorrend: felső és alsó, bal és jobbEkkor már közelebb kerülnek egymáshoz, csak van egy divszélesség megadva a .main classban (demo.css): 680px.
Ki van kalkulálva, hogy a két kép szélessége, plusz a bal és jobb margók, plusz a border (képek kerete) mennyi helyet foglalnak el, ezt az értéket kell módosítani a margóból levett értékkel és akkor vissza kerülnek középre.
Pl. 10-es bal és jobb margóval az érték 200-al csökken: 60-10 = 50 és négy margó van.Felugró képekre meg itt egy példa, minden le van írva, mit hova kell beilleszteni:
http://fancyapps.com/fancybox/ -
honda 1993
senior tag
hali ezzel mi lehet a baj ?
<!DOCTYPE html>
<html>
<head>
<title>bla</title><link rel="stylesheet" type="text/css" href="styles.css" />
</head><body>
A CSS-t a weblapok szerkesztői és olvasói egyaránt használhatják,
<br> hogy átállítsák vele a lapok színét, betűtípusait, elrendezését,
és más megjelenéshez kapcsolódó elemeit.
<br>A tervezése során a legfontosabb szempont az volt, hogy elkülönítsé</br>
<br>(melyet HTML vagy egy hasonló leíró nyelvben lehet megadni)</br>
a dokumentum megjelenésétől (melyet CSS-sel lehet megadni).
<p>Az ilyen elkülönítésnek több haszna is van, egyrészt növeli a webl</p>
rugalmasságát és a megjelenés kezelhetőségét, másrészt csökkenti a
dokumentum tartalmi struktúrájának komplexitását. <p>A CSS ugyancsak
hogy a dokumentum stílusát a megjelenítési módszer függvényében a
a dokumentum formája a képernyőn, <br>nyomtatási lapon, hangos böngész
lvassa fel a weblapok szövegét), vagy braille készüléken megjelenítve</br><img src="images/kep.jpg">
</body>
</html>
azzal hogy milyen szoveg van a body-ban,ne foglalkozzatok csak bemasolgattam ezt azt,de nem osszefuggo szoveg.
a problemam az,hogy amikor megnyitom a html fajlt,akkor az egesz nem csinal semmit.
a kep sem megy jobb oldalra hanem marad alul,stb.
XD alias IKSZDé
-
honda 1993
senior tag
a ccst lefelejtettem
body {
font-size: 10pt;
font-family: verdana, geneva, arial, helvetica,sans-serif;
color: black;
line-height: 14pt;
padding-left: 5pt;
padding-right: 5pt;
padding-top: 5pt;
}h1 {
font: 14pt verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
line-height: 20pt;
}p.subheader {
font-weight: bold;
color: #593d87;img {
padding: 3pt;
float: right;
}
a {
text-decoration: none;
}a:link, a:visited {
color: #FF9933;
}div.footer {
font-size: 9pt;
font-style: italic;
line-height: 12pt;
text-align: center;
padding-top: 30pt;
}egyebkent eddig a youtube segiysegevel csinaltam mindent es ennel jobb dolgokat is osszehoztam mar,csak az volt vele a baj hogy ossze vissza volt minden.
most elkezdtem a 24 oras konyvet es abbol van ez a kod is.
XD alias IKSZDé
-
pecze
aktív tag
válasz honda 1993 #5807 üzenetére
p.subheader nincs lezárva
-
honda 1993
senior tag
igazad van
kijavitottam de igy sem mukodik.
a kep tovabbra sem mozdul.
es a p.subheader-bol a ''subheader'' piros szinu.
annak olyannak kell lennie ?mi lehet a gond ?
miert nem akar mukodni ?
mert amit irtam az megjelenik,de a css mintha ott sem lenne.
leht hogy rosszul kapcsoltam ossze a html-t es a css-t ?
vagy mi lehet a gond ?
a html kodot is lattad ?
[ Szerkesztve ]
XD alias IKSZDé
-
pecze
aktív tag
válasz honda 1993 #5809 üzenetére
Jó, hogy piros, nincs vele semmi baj, általában a classokat így jelzi az editor.
Bemásoltam magamnak a kódot és nálam figyelembe veszi a css-t, a kép is jobbra igazul. -
honda 1993
senior tag
-
pecze
aktív tag
válasz honda 1993 #5811 üzenetére
Jó lenne ha a tényleges kódot felraknád valahova, mert ezzel nincs semmi baj, illetve a bodyban vannak érdekességek, egy <p> nincs lezárva, meg a <br>-eket nem kell zárni, vagy legalábbis nem így, lehet valami elírás okozza az eredeti kódban is a hibát.
Én több órát szívtam nemrégiben egy képfeltöltő kóddal, minden jó volt, csak a drága szolgáltató nem pakolta be a feltöltött fájlt a megadott mappába, vagy legalábbis nem láttam, aztán bontottam az ftp kapcsolatot és újracsatlakoztam, ott volt mind.Természetesen nincs meg a kép, de látom a helyét, hogy hova pakolja.
http://prntscr.com/4dmivaCSS-ben van pár hivatkozás, p.subheading, div.footer, linkek, amik nem is éteznek a html kódban, akkor minek vannak benne egyáltalán a css-ben, a tényleges kód, ami ezeket használja is.
[ Szerkesztve ]
-
honda 1993
senior tag
De milyen tényleges kódot?
Ez a tényleges... Ezt írtam
Én nem töltöttem fel sehova, nem is akarom.
Ahoz hogy megnézzem a böngészőben, nem kell feltölteni.
Viszont nem értem hogy milyen tényleges kódrol beszélsz
sajnos egyaltalan nem ertem hogy mirol beszelsz.
ezekszerint a 24 oras konyv nem is er semmit es lehetetlen tanulni belole
[ Szerkesztve ]
XD alias IKSZDé
-
honda 1993
senior tag
kitoroltem azokat amiket nem kellett volna beleirni,de akkor sem mukodik.
a 24 oras konyvbol irtam, tehat ,nem tudom felfogni hogy mi lehet a problema.
azt pedig plane keptelenseg megerteni hogy hogyan mukodhet nalad......
XD alias IKSZDé
-
pecze
aktív tag
válasz honda 1993 #5813 üzenetére
Használd ezt az oldalt, ha még csak tanulod, szépen végigmegy mindenen, könyvet nemigen tudok ajánlani
http://www.w3schools.com/
Vagy szedj elő egy HTML Editort, ami ikonok segítségével be tud pakolni HTML kódot.
Régen ezeket használtam, azt se tudom ma még léteznek e: Dreamweaver, KompozerMég a css fájl útvonala lehet a probléma, a bellításaid szerint a html fájllal egy könyvtárban kell elhelyezkednie.
[ Szerkesztve ]
-
Jim-Y
veterán
válasz honda 1993 #5816 üzenetére
Ird mar be a tree parancs kimenetet. Lehet rosszul probalod behuzni a css-t. Rossz az eleresi ut stb. Ha nem tudsz jol kerdezni, akkor hidd el, hogy segiteni se tudunk.
-
honda 1993
senior tag
hat,most nem ertem hogy milyen parancskimenet kellene
minden le van irva a html ,illetve a css kodban. amit ott latsz ,az van nalam is.
kiveve azt hogy kitoroltem a text-decoration utan az osszeset ,mert azt mondta a kollega hogy azok nem is kellenek.
[ Szerkesztve ]
XD alias IKSZDé
-
Jim-Y
veterán
válasz honda 1993 #5818 üzenetére
Vagy nagyon el kene meg olvasnod 1-2 basic html tutorialt, vagy csak trollkodsz.
Ez a sor
<link rel="stylesheet" type="text/css" href="styles.css" />
a html kodban azt jelenti, hogy a stiluslapot egy styles.css fajlbol szedi ossze. Ehhez azt kell felteteleznunk, hogy az index.html fajlod mellett a mappadban van egy styles.css fajlod is. Errol kertem megerositest, hogy tenyleg igy van-e.
Tehat ha a kodjaid a /home/honda/projects mappaban vannak, akkor kene lennie 2 fajlnak
/home/honda/projects/index.html
/home/honda/projects/styles.cssA tree parancs ezt igy listazta volna ki (ezt kertem):
jim@linwst430:~/projects/honda$ tree
.
├── index.html
└── styles.cssDe tessek, itt a kodod amit belinkeltel, plusz a zaro } jel amit mar emlitettek: http://jsfiddle.net/Jim_Y/k2sefr0L/
[ Szerkesztve ]
-
kemkriszt98
aktív tag
válasz honda 1993 #5818 üzenetére
Próbáltad másik böngészőben? Nálam volt már olyan hogy a Mozzila nem vette fogyelembe a css-t... olyankor használtam mást egy darabig.... másnap ha megnyitottam ment...
"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-
-
Jim-Y
veterán
válasz honda 1993 #5821 üzenetére
Na ugye, hogy nem hulyesegbol kerdeztem
Egyebkent az ilyet is konnyen ki lehet deriteni ha megnyitod a bongeszo webfejleszto eszkoztarat, ott a network fulet. Akkor latod, hogy miket toltott le a bongeszo.
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz kemkriszt98 #5820 üzenetére
"Próbáltad másik böngészőben? Nálam volt már olyan hogy a Mozzila nem vette fogyelembe a css-t... olyankor használtam mást egy darabig.... másnap ha megnyitottam ment..."
Ez erősen user errornak hangzik.Sk8erPeter
-
kemkriszt98
aktív tag
válasz Sk8erPeter #5823 üzenetére
A user errort úgy érted, hogy én( mint user) rontottam valamit? A minap ki akartam próbálni valamit... volt egyetlen egy HTML fájl... összesen 1 kék hátterű, 100x100px-es div volt benne (a css a head részben volt) duplaklikk ... megnyilik mozzilaban... semmi kék... jobbklikk... open with chrome... megynilik.... lás csodát kék div...
"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-
-
Sk8erPeter
nagyúr
válasz kemkriszt98 #5824 üzenetére
Igen, úgy értem, hogy te rontottál el valamit. Továbbra is így gondolom. Amúgy nincs olyan böngésző, hogy "mozzila".
Sk8erPeter
-
kemkriszt98
aktív tag
válasz Sk8erPeter #5826 üzenetére
Legközelebb ha ezt produkálja készítek róla videót neked
"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-
-
Sk8erPeter
nagyúr
válasz kemkriszt98 #5828 üzenetére
Inkább kódot/demót mutass. Vannak néha anomáliák, de azoknak valami oka is van.
[ Szerkesztve ]
Sk8erPeter
-
martonx
veterán
-
kemkriszt98
aktív tag
válasz Sk8erPeter #5831 üzenetére
Csorikámnak olyan mind1, hogy hány "z" és hány "l"
"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-
-
huliganboy
addikt
Szia!
A hover css beállításaival kapcsolatban.....
99%-osan megoldottam a problámát....
A gépemen elindítva a html fájlt tökéletes, sőt szerveren is az, viszont én ezt egy joomla oldalon akarom használni.
Na most ha oda beillesztem a htm kódot a kép kicsit elcsúszik, és mint ha a joomla css beállításait is használná egy két helyen a szövegeknél veszem ezt észre.....!
Sima html:
Jomlla oldalba illesztve:
Köszönöm
-
DNReNTi
őstag
válasz huliganboy #5833 üzenetére
Ha be tudnád linkelni a joomla oldalt könnyebb lenne segíteni, egyébként valószínű, hogy a konténer vagy a kép örököl css szabályokat a joomla-tól, és ezért csúszik el. Ilyenekre gondolok pl:
- A konténer padding tulajdonságot örököl.
- A kép margin és/vagy padding tulajdonságot örököl.
- A betűtípus pedig egyértelmű, valahonnan megörököl egy másik beállítást.Ezt a legkönnyebb kinyomozni a Developer Tools-al (F12) lehet, kiválasztod a vizsgálni kívánt elemet és láthatod mely css szabályok vannak rá vonatkoztatva és melyik honnan érkezik, melyik melyiket vágja felül.
[ Szerkesztve ]
but without you, my life is incomplete, my days are absolutely gray
-
huliganboy
addikt
válasz huliganboy #5835 üzenetére
a témának a css bekavar a beállításokba... Valahogy lehet ignorálni vagy az kihat az egész oldalra?
-
DNReNTi
őstag
válasz huliganboy #5835 üzenetére
Ahogy mondtam, a konténerben lévő img elem örököl margin tulajdonságot, emiatt csúszik el. Na most mivel ez máshol is használva van, én bevezetnék ezekre egy új css osztályt amit csak ezekre alkalmazok, így elkerülhető, hogy máshol elússzon ha átírod.
Az ingyenes tartalomkezelők szépsége Szuper míg nem kell hozzányúlni.
but without you, my life is incomplete, my days are absolutely gray
-
DNReNTi
őstag
válasz huliganboy #5838 üzenetére
Nem bonyolult.
Egyszerűen létrehozol egy osztályt egy új vagy valamelyik ccs fájlban mondjuk így:
.csapat_img_fix {
margin: 0;
}Ez összesen annyit csinál, hogy a margót nullázza, elég is pont erre van szükséged. Ha ez megvan akkor pedig a megfelelő fáljban vagy bejegyzésben (ahonnan ez az oldal jön) a .view .view-first osztályokkal rendelkező divben lévő képre alkalmazod ezt az új osztályt.
Pl ezt fogod kapni:
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">Így már jó lesz.
Javítson ki valaki ha tévedek, sajnos (szerencsére) a Jooma eddig elkerült pályafutásom során.Az ilyen fix-ekre amúgy célszerű bevezetni szerintem egy új css fájlt, amiben csak az ilyen felülvágások lesznek, mert nem ez lesz az utolsó. Persze azt meg akkor be kell húzni minden oldalra a meglévő kb 20 mellé. Ja meg használj a képekre alt attribútumot mer' így nem HTML5 valid.
but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
válasz DNReNTi #5837 üzenetére
"Az ingyenes tartalomkezelők szépsége Szuper míg nem kell hozzányúlni. "
Mert a fizetős tartalomkezelőkhöz, vagy bármilyen párfájlosnál komplexebb rendszerhez nem kell elolvasni a dokumentációt, hogy tudd kezelni?
Ettől függetlenül abban igazad van, hogy nem kétperces meló beletanulni, hogy is kell kezelni az elvártak szerint egy tartalomkezelőt, tehát hogyan kell hozzá fejleszteni modult/plugint/komponenst vagy épp theme-et/template-et.
A Joomlához gány fos módon lehetett egyébként fejleszteni, amikor legutóbb láttam fejlesztői oldalról (szerencsére csak futó kaland volt, más kódját nézve), az mondjuk elég rég volt.(#5840) huliganboy :
Arra lehetőleg figyelj, hogy ne core-hoz tartozó fájlokat írj felül, hanem kiegészítsd valami komponenssel/template-tel, mert ha core-fájlt módosítasz, akkor egy update során búcsút inthetsz a saját kódjaidnak (vagy kézzel kell mindig beletákolni, és az mindig kerülendő).[ Szerkesztve ]
Sk8erPeter
-
huliganboy
addikt
válasz DNReNTi #5839 üzenetére
Nem akar működni...
Ezt a kódot beleraktam a meglévő style_common.css fájba:
.csapat_img_fix {
margin: 0;
}Aztán a html kódban ahol a hivatkozás van a képre kicseréltem az általad megjelöltre:
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">Nem jól értelmezem az írásod?
[ Szerkesztve ]
-
DNReNTi
őstag
válasz huliganboy #5842 üzenetére
Azért mert a template.css továbbra is felülírja :/
but without you, my life is incomplete, my days are absolutely gray
-
wis
tag
válasz huliganboy #5842 üzenetére
Nem kell új class, egyszerűen írd felül:
.dd-article img {
margin: 0;
}A style_common.css később töltődik be így az fog érvényesülni.
Szerk:
Most látom két <html> van egy oldalban, ezzel még sok melód lesz...[ Szerkesztve ]
-
wis
tag
válasz Sk8erPeter #5846 üzenetére
Úgy értettem, hogy ezt
.csapat_img_fix {
margin: 0;
}
írja felül ezzel
.dd-article img {
margin: 0;
}
ami a style_common.css fájlban van.(#5847) DNReNTi
Igaz, akkor így:
.dd-article img.csapat_img_fix {
margin: 0;
}[ Szerkesztve ]
-
huliganboy
addikt
válasz huliganboy #5849 üzenetére
Sziasztok!
A középre helyezés tökéletes...
Most próbálom a részletek gombra való kattintást követően nagy kép megjelenítést amit a gépemen meg is oldottam... Viszont szerverre felmásolva nem akar működni de érzésem szerint átlinkeltem mindent (vagy nem?)
fancyboxLényegében így néz ki a html fájl:
<!DOCTYPE html>
<html lang="hu">
<head>
<title>2014 ŐSZI KERET</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Original Hover Effects with CSS3" />
<meta name="keywords" content="css3, transitions, thumbnail, animation, hover, effect, description, caption" />
<meta name="author" content="Alessio Atzeni for Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/demo.css" />
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/style_common.css" />
<link rel="stylesheet" type="text/css" href="http://kisvardafc.hu/joomla/images/hover/css/style1.css" />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="http://kisvardafc.hu/joomla/images/hover/js/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://kisvardafc.hu/joomla/images/hover/js/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="http://kisvardafc.hu/joomla/images/hover/text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<div class="container">
<div class="header">
</div>
<h1>2014 ŐSZI KERET<span>Kisvárda Master Good</span></h1>
<center><img src="http://kisvardafc.hu/joomla/images/hover/images/DSCF8032.JPG"/></center>
<center>Felső sor<br>
Középső sor<br></span>
Alsó sor</center></h1>
<div class="main">
<h1><span>Szakmai stáb</span></h1>
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">
Dr. Sipos István
<div class="mask">
<h2>Dr. Sipos István</h2>
<p>Klub Igazgató</p>
<a class="fancybox info" rel="group" href="http://kisvardafc.hu/joomla/images/hover/nagy/myke.png">Részletek</a>
</div>
</div>
<div class="view view-first">
<img src="http://kisvardafc.hu/joomla/images/hover/images/2.jpg" class="csapat_img_fix ">
Dr. Sipos István
<div class="mask">
<h2>Dr. Sipos István</h2>
<p>Klub Igazgató</p>
<a class="fancybox info" rel="group" href="http://kisvardafc.hu/joomla/images/hover/nagy/myke.png">Részletek</a>
</div>
</div>
</body>
</html>Én erre gondolok hogy nem stimmel, de nem tudom hogy kell helyesen belinkelni:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});Ránézne valaki?
Köszönöm
[ Szerkesztve ]