Új hozzászólás Aktív témák
-
vancha2
aktív tag
válasz lordjancso #1020 üzenetére
Csak annyit szeretnél, hogy ha egy képre kattintasz, akkor az a kép megjelenjen nagyban egy új ablakban? Korábban már kérdezték ezt, akkor írtam egy sokkal egyszerűbb javascript kódot erre. Leírjam?
-
vancha2
aktív tag
válasz lordjancso #1022 üzenetére
Így nézzen ki a kép:
<a href=''#'' onclick=''nyit('nagy.jpg',800,600,'Kattints a kép bezárásához!'); return true;'' title=''Kattints ide a kép nagyításához''>
<img src=''kicsi.jpg'' width=''200'' height=''150'' border=''0'' alt=''Kattints ide a kép nagyításához'' />
</a>
Ezt illeszd be a <head>-be:
<script type=''text/javascript''>
<!--
function nyit(url,szelesseg,magassag,cim) {
var ablak = window.open('''', '''', ''status=no, toolbar=no, location=no, menubar=no, directories=no, resizable=no, scrollbars=no, titlebar=no, channelmode=no, width='' + szelesseg + '', height='' + magassag + '', fullscreen=no'');
ablak.document.writeln(''<html>'');
ablak.document.writeln('' <head>'');
ablak.document.writeln('' <title>'' + cim + ''</title>'');
ablak.document.writeln('' </head>'');
ablak.document.writeln('''');
ablak.document.writeln('' <body>'');
ablak.document.writeln('' <div style='position:absolute; left:0px; top:0px; margin:0px; padding:0px;'>'');
ablak.document.writeln('' <a href='javascript:window.close();' title='Kattints a kép bezárásához!'>'');
ablak.document.writeln('' <img src=''' + url + ''' border='0' alt='Kattints a kép bezárásához!' />'');
ablak.document.writeln('' </a>'');
ablak.document.writeln('' </div>'');
ablak.document.writeln('' </body>'');
ablak.document.writeln(''</html>'');
ablak.document.close();
}
//-->
</script>
Így csak a link onclick paraméterében kell átállítanod a kép elérési útvonalat, a méreteket, és a megnyíló ablak címét, ha több képet szeretnél így használni.
[Szerkesztve] -
CSorBA
őstag
válasz lordjancso #6999 üzenetére
-
martonx
veterán
válasz lordjancso #7001 üzenetére
ez egy fluid grid rendszer, amibe a grafikusbármit beleálmodhat.
Az más kérdés, hogy egy fluid grid rendszert megfelelő css tudással percek kérdése összerakni.
Aki meg nem ért a css-hez, az a bootrap-el is szív. Aki meg ért hozzá, annak minek css framework?
Olyan ez mint a Jquery. Nem haszontalan, de a tudást nem fogja pótolni.Én kérek elnézést!
-
CSorBA
őstag
válasz lordjancso #7001 üzenetére
1, reszponzív grid van benne (most épp nem kell, de van mikor nagyon jól jön)
2, testre szabható (lásd letöltések)
3, a legtöbb elkészített és definiált hasznos cucc (pl formok, gombok, lapozók, progressbar) a legtöbb dizájn tervbe beilleszthető, vagy könnyen módosítható hozzá
4, nem mindig van grafikus -
CSorBA
őstag
válasz lordjancso #7006 üzenetére
Persze persze, nem értettelek félre. Azért írtam, a reszponzivitást én sem mindig használom. De jó ha be van töltve, pl float left, right, clear, meg ilyen-olyan osztályok (amiket mondtam) eleve benne vannak. Linkek színe, stb. (Eddig erre egy kis saját szedetet használtam), és sokkal több helyet úgysem foglal. Ha pedig megszoktam, akkor elég gyors a fejlesztés utána.
A legtöbb normalize benne van, ahogy látom: [Normalize.css], [Bootstrap]
-
DeFranco
nagyúr
válasz lordjancso #7010 üzenetére
Hogyankészítsünkinterwebetfordummies alapokat
Domainem meg tárterületem már van, itt tartok Nézegetek tippeket innen-onnan, de hátha van valami sorvezető
-
CSorBA
őstag
válasz lordjancso #7008 üzenetére
Nekem kicsit nyers Mutatok pár joomla és wp sablont, amik szerintem elég jók ilyen téren:
Lumiere by Rockettheme [link]
Leviathan by Rockettheme [link]
Ceruleanby Rockettheme [link]
Metropolis by Rockettheme [link]
Grafitto by Rockettheme [link]News by Gavic [link]
Magazine by Gavic [link]
Publisher by Gavic [link]
Fest by Gavic [link]
Startup by Gavic [link]DeFranco: Ha css és html alapokat keresel, akkor egy pár éves könyv: Virginia DeBolt: HTML és CSS - Webszerkesztés stílusosan: [link] Mivel régebbi könyv, így a html5 és css3 kimarad belőle, de kezdésnek és alapoknak tudom ajánlani.
Illetve egy nem tudom ki a szerzője, de frissebb összefoglaló: [link]
[ Szerkesztve ]
-
CSorBA
őstag
válasz lordjancso #7014 üzenetére
Bal felülre, okkersárga színű négyzet. Ötleteket meríteni nagyon jók.
-
Speeedfire
nagyúr
válasz lordjancso #7023 üzenetére
Próbáltam már funkcióban is meghívni, de nem akarja. A marker megy, de az infowindow nem. [link]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz lordjancso #7025 üzenetére
Valóban, elég volt egy plusz sor és most már jó is. Csak átadtam egy másik váltózónak a tömb értékét.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz lordjancso #7027 üzenetére
Ő lett az. [link]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz lordjancso #7038 üzenetére
Hát én meg megnéztem. De te is megnézheted az előbb belinkelt példán, ahol még írtam is, hogy kiírattam minden infót konzolra.
Sk8erPeter
-
martonx
veterán
válasz lordjancso #7062 üzenetére
Én a mai napig is használok Notepad++-t, de azért az effektív napi munkában vagy Netbeans-t (php-hez), vagy Visual Studio-t (asp.net-hez) használok.
Én kérek elnézést!
-
Sk8erPeter
nagyúr
válasz lordjancso #7062 üzenetére
Én nem használok Dreamweavert, de nem igazán értem, miért lenne az önbutítás? WYSIWYG-alapú szerkesztő, ergo szerintem nagyon jól is jöhet kezdőknek, látják, hogy milyen kódot generál a progi, ha felosztják a nézetet a kóddal, ráadásul amikor kipróbáltam még pár éve, valid kódot is generált mind HTML-ből, mind CSS-ből, szóval nem egy gányolós szar, mint amilyen a szintén nem ingyenes Frontpage volt annak idején.
Sk8erPeter
-
Tamoo
MODERÁTOR
válasz lordjancso #7065 üzenetére
Nagyon sok jó dolog van DW-ben, de az is tanulást/megszokást igényel.
Az biztos, hogy egy kezdő először html, css-en rágja át magát, ne szerkesztőkkel készítsen egy nagy katyvaszt!
-
Soak
veterán
válasz lordjancso #7065 üzenetére
Persze nem tudom milyen az "új" DW, de amit én használtam évekkel ezelőtt, eléggé ezt a vonalat erőltette.
Talán mert évekkel ezelőtt mindenki azt erőltette, inkább nézd meg ujra, elég jó cucc szerintem, bár komolyabb munkához nyilván egy rendes IDE sokkal jobb, de kezdőként tök jó ratjra kezdeni.
-
Sk8erPeter
nagyúr
válasz lordjancso #7065 üzenetére
"Persze nem tudom milyen az "új" DW, de amit én használtam évekkel ezelőtt, eléggé ezt a vonalat erőltette."
Amikor én kipróbáltam, nem tapasztaltam ezt, nem táblázatos oldalstruktúrát készített.
Mondom, én nem használom, de a WYSIWYG-programok közül szerintem a jók közé tartozik.+ Tamoo :
szerintem egy kezdőnél nagyon fontos, hogy legyen sikerélménye, hogy ne menjen el a kedve az egésztől már az elején. Ha egyáltalán nem érti, mit miért és hova kell rakni a kódban, akkor óriási katyvasznak tűnhet az egész.
Egy ilyen WYSIWYG-alapú program viszont legalább megmutatja az egésznek a vázát, hogy nagyjából hogyan kell mindezt elképzelni, ha rákattint a link létrehozására szolgáló gombra, látja, mi keletkezik a kódban, abba bele tud szerkesztgetni, és egyből láthatja a változtatása hatását, úgy, hogy már legalább van egy alapvető oldalszerkezete. Ha komolyan gondolja a dolgot, és beletanul, akkor utólag úgyis látni fogja, hogy mit lehetett vagy kellett volna másképp csinálni.
A DW legalább valid kódot készít, és tűrhető CSS-kódot gyárt.Így utólag durva belegondolni, hogy annak idején én még a Microsoft Frontpage 2003-at használtam kezdeti gagyi honlap kialakítására (mert akkor még az összekattintgatással kezdtem, mert azt gondoltam, az úgy működőképes), pedig kevés annál undorítóbb kódot generáló programot ismerek... Aztán utólag már láttam az elképesztő hibáit. A magam példáján látom azt igazoltnak, hogy nem igaz, hogy tragédia lenne, ha valaki WYSIWYG-alapú programmal kezdi. Látja, milyen kódot kap, aztán megpróbálja ő is elölről, egy sima Notepaddel összehozni a saját kódját, haját tépve próbál rájönni, mi is a lényege az egésznek, aztán jobb esetben nagyjából összeáll a kép.
A WYSIWYG-alapú szerkesztőfelület egy admin-felület esetén másik téma, tulajdonképpen ilyen alapon az is egy szükséges rossz (lásd felesleges plusz tagek, style-attribútumok belegenerálása, stb.).
[ Szerkesztve ]
Sk8erPeter
-
PumpkinSeed
addikt
válasz lordjancso #7116 üzenetére
Sajnos ez se segített, de átalakítottam úgy a design - t, hogy ehhez alkalmazkodjon.
"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
-
PumpkinSeed
addikt
válasz lordjancso #7126 üzenetére
Ajánlottam neki nagyon olcsóakat ahol domain név + tárhely 2 évre olcsón, de nem kívánt fizetni semmit, és mivel én ingyen elvállaltam referencia munka végett, így nem sok kiadása lesz.
"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
-
MODERÁTOR
válasz lordjancso #7130 üzenetére
Rosszul fogalmaztam. A sidebar és a content div közötti átlátszó - színátmenetes háttérre gondolok.
[ Szerkesztve ]
"Ott szimatol a sarkadban vasfogait csattogtatva, minden egyes hétköznapod: kirúzsozott medvecsapda."
-
PumpkinSeed
addikt
válasz lordjancso #7216 üzenetére
(#7217) martonx
Most kezdtem el tanulni a .js-t, ígérem behozom a lemaradásom.
"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
-
Speeedfire
nagyúr
válasz lordjancso #7223 üzenetére
Azt én is megtaláltam, de elég gány dolog így. Csak, mert a dokumentációban kerestem, hátha van rá valami, de nincs.
Remélem ezt idővel majd cserélik, mert nem csak angol nyelvű oldalak vannak.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
CSorBA
őstag
válasz lordjancso #7231 üzenetére
Most nézem miről beszéltek
Fancybox magyarosítást én így csináltam meg, szóval ez tuti működik.:
/* Fancybox cfg */
$('.fancybox').fancybox({
padding: 5,
openEffect : 'elastic',
closeEffect : 'elastic',
prevEffect : 'elastic',
nextEffect : 'elastic',
helpers : {
title : null,
thumbs : {
position: 'top',
width : 135,
height : 80
},
overlay : {
css : {
'background' : 'url("../img/alpha/alpha_black_65.png")'
}
}
},
tpl : {
closeBtn : '<a class="fancybox-item fancybox-close" href="javascript:;">Bezár</a>',
next : '<a class="fancybox-nav fancybox-next" href="javascript:;"><span>Következő</span></a>',
prev : '<a class="fancybox-nav fancybox-prev" href="javascript:;"><span>Előző</span></a>'
}
});[ Szerkesztve ]
-
CSorBA
őstag
válasz lordjancso #7233 üzenetére
Azt mondtad, nem tesztelted, de működnie kellene Én meg azt, hogy ez működik is Szóval ha itt tartunk, szerintem a hátteret érdemes úgy lecserélni, mint én csináltam, ugyanis ie8-ban és alatta legalább ez működik, az rgba meg ugye nem.
-
Speeedfire
nagyúr
válasz lordjancso #7231 üzenetére
Köszi!
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
martonx
veterán
válasz lordjancso #7258 üzenetére
Milyen nyelvre gondolsz? ASP.NET MVC, de általában a PHP-s MVC-kről is elmondható, hogy segítenek, egységesítenek a form kezelésben. ASP.NET MVC-ről van több tapasztalatom, ott nagyon szépen egységesen, beépített extra js validálásokkal is segít rendszer, illetve tele van HTML helperekkel, amiket frankón lehet a model-hez kötni.
Én kérek elnézést!
-
martonx
veterán
válasz lordjancso #7260 üzenetére
jquery validate egész jó hivatalos jquery plugin, bár pont nemrég kellett hibát bejelntenem hozzá. Becsületükre legyen mondva a jquery-s srácok két hét alatt javították is a hibát.
PHP oldalon nincs mese, ha komolyabban gondolod a PHP-t, akkor el kell kezdened valamilyen MVC keretrendszert használni. Zend, Symphony, Yii, CodeIgniter és még van kismillió. Válassz közülük egy szimpatikusat, és hagy szóljon. Ezeknek a keretrendszereknek illene beépített validációval rendelkezniük a modellekre.Én kérek elnézést!
-
PumpkinSeed
addikt
válasz lordjancso #7474 üzenetére
Értem, akkor lehet az lesz a baj, hogy a kép neve úgy néz ki, hogy kep (2).jpg és a space-el nem tud mit kezdeni.
"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
-
Speeedfire
nagyúr
válasz lordjancso #7643 üzenetére
Esetleg js megoldás nem jó?
Megnézed, hogy mekkora az ablak, abból levonod a 600-at, majd osztod kettővel és a kapott értéket megadod a lap margin-top értékének.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
fordfairlane
veterán
válasz lordjancso #7643 üzenetére
Valami ilyesmi?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Függőlegesen középre</title>
<style>
html, body {
margin: 0;
padding: 0;
}
#conth {
position: absolute;
top: 50%;
width: 100%;
}
#contv {
background-color: #AAA;
position: absolute;
left: 50%;
height: 600px;
width: 800px;
margin: -300px 0 0 -400px;
}
</style>
</head>
<body>
<div id="conth">
<div id="contv">Tartalom</div>
</div>
</body>
</html>x gon' give it to ya
-
DeltaPower
őstag
válasz lordjancso #7648 üzenetére
Egyáltalán nem elegáns és egyéb bajok is vannak vele, elég böngészőfüggő.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
CSorBA
őstag
válasz lordjancso #7652 üzenetére
Pedig az egy teljesen használható megoldás. A width-et úgyis tudod, szóval a margin-left-et meg tudod adni. A height meg ha dinamikusan változik, akkor azt kell megnézned js-el, h. mennyi, majd margin-top minusz az az érték. Ennél egyszerűbbet nem tudok.
Új hozzászólás Aktív témák
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Politika
- Kerékpárosok, bringások ide!
- A fociról könnyedén, egy baráti társaságban
- iPhone topik
- Energiaital topic
- Autós topik
- Sokat fogyaszt az AI, egyre több az adatközpont, kell az atomenergia
- Samsung Galaxy Z Fold5 - toldozás-foldozás
- Milyen okostelefont vegyek?
- További aktív témák...
- Panasonic Lumix DC-G9 (V-Log L kiegészítéssel, 4 akkuval)
- Commlite CM-EF-NEX Auto-Focus Adapter (Canon EF - Sony E)
- Üzletből, garanciával, legújabb Asus Vivobook 17" i7-1355U 10 mag 5GHz/16RAM/1TBSSD/17,3"FULLHD
- Üzletből, garanciával DeLL XPS 15 9500 i7-10750H 32GBRAM 1TBSSD/GTX1650Ti 15,6"4KTOUCH
- i5 12400f 3070 gamer pc
- Eladó/cserélhető gyönyörű iPhone 14 Pro, iStyle vétel, Apple gari 2024.05.30 + drága extrák
- Asustor AS6302T 2 lemezes NAS (4 IP kamera license, HDMI, KODI)
- TOP ÁR! Bivaly Gamer Félkonfig! i7-9700K/ Gigabyte B365M D3H/ 16GB DDR4/ Arctic Freezer hűtő!
- Új Minőségi Tápkábel 1,8 m Eladó
- AMD Ryzen 7 5800X
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest