Új hozzászólás Aktív témák
-
oleandro
tag
válasz Sk8erPeter #5649 üzenetére
Szia! Erre gondoltam én is, szóval egy CMS webáruházban a termékleírást szeretném leegyszerűsíteni.
Szóval azt nem tudom, hogy jobbe-e a rendszer által használat stylesheet.css-be beírni azokat az osztályokat amire szükségem van, vagy minden termékleírást style-al kezdeni és oda írni a dolgokat.Illetve a másik ami most épp aktuális, hogy ha egy oldalon van 5 doboz ami mindenben egyforma, kivéve, hogy mindegyiknek más a háttere, akkor az jobb, ha egy css-ben csinálok egy doboz-t olyan értékekkel ami mindegyikre igaz és a hátteret pedig külön a leírásnál adom meg?
-
cidalain
veterán
válasz martonx #5651 üzenetére
mivel a dobozok egyformák kinézetre de egyedi tartalmat tárolnak, miért ne oszthatnék nekik egyedi id-t?
(es ehhez miért ne kapcsolhatnék max 1-2 egyedi extra stílusformázást?)van valami oka annak hogy az id osztással spórolnom kellene?
miért gondolod elpazarolásnak: ha valami javascripttel akármivel szerertnék rá hivatkozni akkor ugyanugy tudok. ha meg csak a stílus miatt használom bizonyos esetekben akkor sem okoz hátrányt.nem baszakodásképpen de komolyan érdekel, hogy
a id="milyen" class="doboz" és a class="milyen doboz" között hordoz e valamelyik előnyt/hátrányt, és mi lenne az[ Szerkesztve ]
>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
Sk8erPeter
nagyúr
válasz cidalain #5653 üzenetére
Vegyes a megközelítés, de első az, hogy érdemes általánosan megadni a stílusokat, osztályokkal, hogy adott esetben több elemre is ráhúzható legyen (pl. lehet, hogy rájössz, hogy nem csak egy, hanem mondjuk már akár kettő vagy több doboznál is ugyanilyen stílust szeretnél), aztán persze van a ritkábbik eset, amikor tényleg kifejezetten egyetlen elemre szeretnél ráhúzni valamilyen stílust, mert az teljesen egyedi módon néz ki, meg adott esetben mondjuk akár értelmetlen is lenne általános stílus-meghatározást adni - ilyenkor használható akár az id-s stílus-meghatározás is.
Persze gondolom ez nem újdonság, inkább csak arra szerettem volna rávilágítani, hogy elsődlegesen class-ekben érdemes gondolkodni stílus-meghatározásnál, és csak a tényleg nagyon egyedi esetekben id-re megadni a stílust.Pl. a konkrét feladatnál lehet, hogy nem érdemes id-vel megadni a hátteret, ez totál feladatfüggő, ha mondjuk egy relatíve általános háttér lenne (pl. legyen piros a háttér), akkor azt szerintem osztállyal érdemes megadni.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz oleandro #5652 üzenetére
A CMS/webshopmotor/framework saját stílusfájljait semmiképpen se módosítsd! Az ilyen core-fájlokhoz tartozó stílus-definíciókat sosem szabad módosítani, hiszen akkor azokat egy core-update során elveszíted. Mindig saját modulokat kell írni, és abban megadni a stílusokat.
A többire meg az előző hsz.-emben, meg ebben írtak vonatkoznak, érdemes lehet egy elemnek több osztályt is megadni, ha több különböző stílus is vonatkozik rá.
Pl. egy divnél a HTML-ben:
<div class="first_class second_class">...</div>
aztán a CSS-nél:
.first_class {
...
}
.second_class {
...
}Csak a nagyon egyedieket add meg id szerint (#osztalyazonosito).
<div class="first_class second_class" id="this_is_my_unique_id">...</div>
CSS-nél:
#this_is_my_unique_id {
...
}Sk8erPeter
-
cidalain
veterán
válasz Sk8erPeter #5654 üzenetére
értem, köszi.
az egyértelmű hogy a legáltalánosabb megy a classba pl "doboz", amiből sok db ugyanolyan van az oldalon. (méret, igazítás, betűtípus, vonal, akármi beállítások egységesen)innentől ha mindegyik doboz mondjuk csak 1 stílusfajtában különbözik (pl háttérkép), azt akkor külön formázásban második classként, vagy id-ként is megadhatom, attól függően hogy melyik szimpi, vagy mi a célszerű, de nincs erre vonatkozó előírás. mindkét választás akkor ugyanolyan jó. jól értem?
>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
Sk8erPeter
nagyúr
válasz cidalain #5656 üzenetére
Végül is mindkettő jó lehet, sőt, a végtelenségig lehet kombinálni (egy elem el lehet látva akár 5 osztállyal is, aztán még vonatkozhat rá egy id szerinti stílusmeghatározás is, nincs azzal gond, ha épp úgy kívánja a feladat), feladatfüggő, hogy valahol érdemes-e id szerint meghatározni a stílust, vagy érdemes külön osztályt létrehozni rá. Szerintem itt is érvényes a DRY-elv (don't repeat yourself), ha azt látod, hogy valamilyen stílus-meghatározás egy az egyben ugyanaz, mint egy korábban már létező osztálynál, akkor az is lehet, hogy érdemes akár egy harmadikat is bevezetni, és azt az osztályt is ráaggatni arra az elemre. Persze azért ezt is mértékkel.
Sk8erPeter
-
martonx
veterán
válasz cidalain #5653 üzenetére
Sk8erPeter jól megválaszolta helyettem. Igyekszünk itt a fórumban a legjobb gyakorlatokat sulykolni, és nem azért, mert az van leírva a könyvben, hanem mert mindenkinek úgy lesz a legjobb, leghatékonyabb a munkája. Aztán persze mindenki úgy csinálja, ahogy akarja, azt fogad meg belőle, amit akar.
Én kérek elnézést!
-
oleandro
tag
Egy gyors kérdésem még lenne!
Szóval elkezdtem az oldalleírást css-el meg div-el és egész jól össze is állt amit akartam.
Viszont ahol a div-nek van háttere a firefox alatt megjelenik a kép, chrome-ban meg nem.
Ez mitől lehet? -
oleandro
tag
Egy gyors kérdésem még lenne!
Szóval elkezdtem az oldalleírást css-el meg div-el és egész jól össze is állt amit akartam.
Viszont ahol a div-nek van háttere a firefox alatt megjelenik a kép, chrome-ban meg nem.
Ez mitől lehet? -
pecze
aktív tag
Sziasztok
Olyan gondom lenne, hogy a background-image:url('akarmi') nem működik megfelelően.
Nem tudom miben kéne használnom, van fenn egy xampp a gépen, aztán az alól futtatnám, de nem működik, nem hajlandók a böngészők normálisan kezelni.
Ha linket adok meg url-ként, feltöltve a képet valahová, akkor megy, ha file://-el hivatkozok a képre, helyi elérési úttal, akkor is megy, de normál hivatkozással images/kep.jpg, vagy ./images/kep.jpg nem jeleníti meg a képet, már beraktam a képet a html fájllal egy könyvtárba is, de úgy se volt eredménye.
Firebuggal is próbáltam, de természetesen ott is csak kiírja, hogy nem tudta betölteni a képet, nagyon örülök neki.
Próbáltam background-al is (background-image helyett) -
Sk8erPeter
nagyúr
válasz DNReNTi #5667 üzenetére
Már hogyne kezdődhetne ponttal az elérési útvonal (ez mondjuk elég alapvető dolog)... A pont az aktuális könyvtárat jelöli (ahhoz képest relatív a további útvonal). (Nem muszáj kirakni, de beszédesebb lehet.)
Sosem használtál még semmilyen UNIX/Linux-alapú disztribúciót? Akkor kellett volna, hogy találkozzál a pont kezdetű elérési útvonallal (pl. futtatásnál).[ Szerkesztve ]
Sk8erPeter
-
DNReNTi
őstag
válasz Sk8erPeter #5668 üzenetére
Hínnye. Sose találkoztam még ilyennel. Ki is próbálom majd. Akkor az előző hsz. sztrnó.
but without you, my life is incomplete, my days are absolutely gray
-
pecze
aktív tag
válasz DNReNTi #5667 üzenetére
Közben legalább abszolút hivatkozással sikerült működésre bírnom, így aztán tovább tudtam lépni, majd holnap megnézem a melóhelyen, hogy ott megy-e, bár csodálkoznék ha a gépemmel lenne valami baj, most raktam újra szombaton, semmi nincs rajta, IE, Chrome, FF alatt se működött, se működik.
A . .. meg még DOS-os időkből is ismerős lehet, ahol minden könyvtártartalom ezzel a kettővel kezdődött. -
Sk8erPeter
nagyúr
Valami konkrét példát kellene mutatnod, felőlem jöhet egy valahova felrakott zip formájában is, mert így kód, meg bármi konkrétum nélkül nehéz segíteni, hogy mit rontasz el.
"A . .. meg még DOS-os időkből is ismerős lehet, ahol minden könyvtártartalom ezzel a kettővel kezdődött."
Ez most is így van, Windows-on és Linuxon egyaránt, ha az ember elővesz egy command promptot vagy épp terminált, akkor ez elég gyorsan látható.(#5669) DNReNTi :
Ezer éve így van.Sk8erPeter
-
pecze
aktív tag
válasz Sk8erPeter #5671 üzenetére
A lehető legegyszerűbb kódra se működik, már kigyomláltam, hogy csak az legyen benne, itt a kódja:
HTML
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<link href="css/sajat4.css" rel="stylesheet">
</head>
<body>
<div class="fejresz">
</div>
</body>
</html>CSS
.fejresz {
background-image:url('./images/slide1.jpg');
background-repeat: no-repeat;
height: 400px;
width: 1200px;
} -
Sk8erPeter
nagyúr
Na, hát így már mindjárt más. Így meg is van a probléma, ebből ez a kettő a lényeg:
<link href="css/sajat4.css" rel="stylesheet">
a css/sajat4.css tartalma pedig:
.fejresz {
background-image:url('./images/slide1.jpg');
/* ... */
}Innentől kezdve a css/images/slide1.jpg elérési útvonalon próbálja megtalálni a képet, mivel a CSS-fájlhoz képest relatív útvonalon keresgéli az erőforrást. Ezért jelen esetben az elérési út nem jó: feltételezem, NEM a css könyvtárban van nálad az images alkönyvtár, hanem eggyel feljebb, az index.php-vel azonos könyvtárban (tehát egymással azonos szinten van a css és az images könyvtár).
A megoldás: itt a CSS-fájlhoz képest eggyel visszább keresed a képet:
.fejresz {
background-image:url('../images/slide1.jpg');
/* ... */
}Egyszerűen a pontot két pontra változtattam (vissza eggyel).
Szerk.:
egyébként jótanács, hogy szokj rá a webfejlesztő panel használatára (Ctrl+Shift+I vagy F12 segítségével elérhető), mert az ilyen hibák annak segítségével nagyon gyorsan kideríthetők: a konzolra, illetve a Network fülre ki szokta írni a hibákat, így a 404-es hibákat is, onnan meg egyértelműen kiderül, milyen útvonalon is próbál keresgélni (tehát melyik útvonalon nem találta meg az erőforrást).[ Szerkesztve ]
Sk8erPeter
-
DNReNTi
őstag
válasz Sk8erPeter #5671 üzenetére
Ezer éve így van.
Hát akkor ez jó cink most nekem.
Egy gyors kereséssel találtam is rá példát (nevet nem, mi a neve?), közben az is kiderült hogy amit én absolute hivatkozásnak hívok azt valójában root-relative-nek hívják. Egyébként ez a "directory-relative" jobb e, gyorsabb e, szebb e, szabályosabb e mint a root-relative? Gyakorlati hasznát látom, de nem tudom érdemes előrébb vagyok e vele.Pl nálam a könyvtárszerkezet mindig:
css
-> font (értelemszerű)
-> img (ebben a csshez tartozó képek, ikonok főleg)
-> satöbbiÍgy mondjuk a ./imgs/kep.jpg jól jöhet, megspórol egy csomó /css-t. Vagy ha esetleg a css mappa nevét átírom (esélyes..) akkor nem kell végigkottázni. A kérdés fent.
but without you, my life is incomplete, my days are absolutely gray
-
pecze
aktív tag
válasz Sk8erPeter #5673 üzenetére
uh, kösz, ez volt tényleg a hiba, így már jó
-
kemkriszt98
aktív tag
Sziasztok, mit érdemes figyelembe venni szerver bérlésekor? Persze az alapokon kívül. (Tárhelykapacitás, ár, esetleges látogatók száma/hó)
"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-
-
martonx
veterán
válasz kemkriszt98 #5676 üzenetére
Az eddigi kérdéseidet figyelembe véve, egy dologra figyelj: minél olcsóbb legyen
Én kérek elnézést!
-
Orionk
senior tag
Sziasztok !
Mekkora összegeket lehet kérni ilyen Facebook oldalak létrehozásáért ?
Egyre többen vállalják, hogy webfejlesztés mellett ilyen oldalakat hoznak létre.https://www.facebook.com/aradisorkert14?ref=notif¬if_t=fbpage_fan_invite
(Tudom, hogy nem kifejezett HTMLel kapcsolatos a kérdés, de webfejlesztéshez kötődik)
[ Szerkesztve ]
-
PumpkinSeed
addikt
Szerintem ez sokban függ attól, hogy hogyan csinálja meg, itt most van pár kép meg egy egyszerűbb kidolgozás, nem ér olyan sokat, de ha teljesen egyedi designt varázsolnak neki akkor érhet sokat.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
DNReNTi
őstag
Szia,
Facebook oldal létrehozásáért szerintem egy forintot nem lehet elkérni, bárki létre tud hozni egy oldalt és fel tudja tölteni adatokkal. Amiért pénzt lehet kérni az az üzemeltetés. Rendszeres, releváns posztok, folyamatos aktivitás, interakció a tetszikelőkkel, és a legfontosabbak: a hirdetések kezelése, valamint a lehető legnagyobb konverzió elérése. Ezek olyan dolgok amik csak akkor működnek jól, ha aki csinálja, tudja hogyan működik a Facebook, ismeri a felhasználói szokásokat, tisztában van bizonyos online marketinges alapokkal. Ennek egyébként nem hogy a HTML-hez, még a webfejlesztéshez sincs semmi köze. Akik ezzel foglalkoznak nem fejlesztők, hanem online és közösségi média marketingesek.
Remélem segítettem.(#5679) PumpkinSeed
"de ha teljesen egyedi designt varázsolnak neki akkor érhet sokat"
Ezt kifejtenéd? Hogyan lehet egy Facebook oldalnak egyedi design-ja? Most nem arra gondolok, hogy szebb képeket töltök fel, hanem szerkezetileg.[ Szerkesztve ]
but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
válasz DNReNTi #5680 üzenetére
Na ja, 3 db kép van, le vannak írva a hely adatai, és kész, komoly munka. Kb. 10 perc kattintgatás árát lehet felszámolni érte. Ilyenkor elvileg általában az a lényeg, hogy te legalább tudod, hova kell kattintani, de ilyet tényleg még egy átlagfelhasználó is el tud készíteni, akinek két számjegyű az IQ-ja, annyira magától értetődő a folyamat.
Amúgy szerintem PumpkinSeed keveri a dolgot a Facebook applicationnel, ahol akár saját weboldalt is lehet beállítani backendként.(#5674) DNReNTi :
Hát most erre nem nagyon tudom, mit lehet válaszolni, helyzetfüggő, melyiket akarod/kell használni, arra figyelni kell, ha mondjuk alkönyvtárban található valamilyen webalkalmazás.Az abszolút elérési útvonal meg teljes elérési utat jelent, tök mindegy, hol van épp a jelenlegi könyvtár, ugyanúgy éred el az adott erőforrást, ez viszont általában bedrótozott, így webalkalmazás esetén kerülendő megoldásokat jelent, mivel így ha átmozgatod mondjuk más domainre, akkor nem fog működni a dolog. De mondjuk valamilyen CDN-en elérhető erőforrás elérési útja nyilván abszolút elérési út lesz.
A relatív elérési útnál valamilyen working directory-hoz képest relatív útvonalat jelent.
Amúgy szerintem a képkönyvtár nem annyira logikus, hogy a CSS-könyvtár alatt található, de nem tragédia.
Sk8erPeter
-
PumpkinSeed
addikt
válasz Sk8erPeter #5681 üzenetére
Nem, nem keverem, de az, hogy valaki egyedi arculatot készít ennek az egésznek az pénzt ér, mert azt ki kell találni és el kell készíteni. Egy 5-6000 Ft el lehet kérni azért, ha valaki egy vektoros illusztrációval összhangba hozza az oldalt.
[ Szerkesztve ]
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
DNReNTi
őstag
válasz PumpkinSeed #5682 üzenetére
Így már értem mire gondolsz, bár ez meg inkább grafikai meló, de legalább valóban lehet érte pénzt kérni.
but without you, my life is incomplete, my days are absolutely gray
-
-
Orionk
senior tag
válasz DNReNTi #5680 üzenetére
Köszi neked is és PumkinSeed nek is.
Egy távoli ismerősöm csinálja ezt, hogy mindig elvállal egy ilyen Facebook oldalt, elkészíti és gondolom üzemelteti is, mert folyamatosan küldözgeti e felkéréseket, hogy lájkoljam én és az összes ismerőse is. Ezért gondoltam, hogy ezért pénzt kaphatnak.
---
Itt ez a weboldal : http://planetstar.hu/
Azt szeretném kérdezni, hogy szerintetek hogyan van megvalósítva ?
Mármint szeretnék megtanulni egy ilyen oldalt, ahol "faltól falig" van a háttér, a felső menü mindig látható, csak kisebb lesz, ha lentebb görgetsz, a főoldal több háttérből áll, amik el vannak választva egymástól, van egy fasza slider a főoldalon, stb...
köszi
-
biker
nagyúr
van egy weblap. kész sablonból (themeforesten vásárolt)
full responzív, bootstrap3.0, minden mérethez egyedi megoldásokKedves megrendelő utolsó nap: nem tetszik a mobil nézet, mobilon is desktop nézetet szeretne
szerintetek?
van valami botegyszerű átverő script, hogy nem mobilon nézem épp?
persze felső menü fixed, aláúszik a lap scrollozásnál, 1500px széles fullwidth slider (revolution slider), grid 12 kiosztás, amit akartokElektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
PumpkinSeed
addikt
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
biker
nagyúr
válasz PumpkinSeed #5688 üzenetére
értem...
Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
biker
nagyúr
válasz fordfairlane #5690 üzenetére
Vegulis igen, van a bootstrap.css , responsive.css meg a main css, telis tele @media blokkokkal
De ha ezek kozul kiherelek mindent 1200 alatt, az nem az igazi eredmen voltElektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
fordfairlane
veterán
Nem csak a kisfelbontású CSS szabályokat kell kiherélni, defaulttá kell tenni a desktop nézetre vonatkozókat is.
Sokszor mobile-first szempont alapján készítik a layoutot, ami kb annyit jelent, hogy a mobil nézet az alap. Ez sokszor egy jóval egyszerűbb layoutot jelent. A nagyfelbontású CSS szabályok a bónusz, amit a böngésző külön aktívvá tesz, és felülbírálja az alap definíciók egy részét, amennyiben felismeri és kezeli a média-queryket. Így a régi böngészőkben a jóval egyszerűbb mobil nézet jelenik meg, amelynél nagyobb az esély, hogy a tartalom nagyjából jól jelenik meg.
[ Szerkesztve ]
x gon' give it to ya
-
biker
nagyúr
válasz fordfairlane #5692 üzenetére
Ja, nézegettem a "how to turn off responsive bootstrap" doksikat...
Pár száz lapot is át kell írni, attól tartok..Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
Sk8erPeter
nagyúr
Na ne viccelj már... Ott a hivatalos honlap vonatkozó része:
Disabling responsiveness
http://getbootstrap.com/getting-started/#disable-responsive"Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like in this non-responsive example.
Steps to disable page responsiveness
1. Omit the viewport <meta> mentioned in the CSS docs
2. Override the width on the .container for each grid tier with a single width, for example width: 970px !important; Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
3. If using navbars, remove all navbar collapsing and expanding behavior.
4. For grid layouts, use .col-xs-* classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the "mobile site" aspects of Bootstrap.
Bootstrap template with responsiveness disabled
We've applied these steps to an example. Read its source code to see the specific changes implemented.Sk8erPeter
-
biker
nagyúr
válasz Sk8erPeter #5694 üzenetére
Tudom, de ez a sablon nem csak bootstrap 3.0-át használ
a main.css amit a designer írt is tele van @media részekkel és írtak külön egy responsive.css filet is, az isés ha a normál leírás alapján megyek (kiveszem a viewportot stb) meg ahogy máshol írják, vegyem ki a @media sorokat, akkor a desktop böngészőn lévő fullwidth kinézet is megszűnik.
Mert ott is van min960 max1200 és 1200 feletti optimalizált nézet. És lesz egy fix 1200-asAz meg szintén nem tetszik a usernek.
Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |
-
cidalain
veterán
ha van designer, akkor designolja újra a megváltozott megrendelői igények szerint ő
ez így neked extra szopás. na nem mintha a designernek ne lenne az, de legalább nem te szívsz.
a megrendelő meg majd kifizeti, vagy nem...>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
-
Orionk
senior tag
Sziasztok !
Olyan segítséget kérnék szépen, hogy szerintetek ez a weboldal hogyan van megvalósítva ?
https://pivoscore.com/web/index.php
Szépnek találom benne a menü megvalósítást, meg minden mást is. Modern, stb...
köszi
Új hozzászólás Aktív témák
- Luck Dragon: Asszociációs játék. :)
- Robot fűnyírók
- Autós topik
- sziku69: Fűzzük össze a szavakat :)
- Hobby elektronika
- EAFC 24
- Folyószámla, bankszámla, bankváltás, külföldi kártyahasználat
- DIGI műholdas TV
- Szevam: Érzelmi magabiztosság/biztonság - miért megyünk sokan külföldre valójában?
- Napelem
- További aktív témák...