22786
Html-, css- és php-help
  • Malakai
    #21543
    Bootstrap jó tanulóanyag, van kellő kutatómunka mögötte, érdemes megnézni mit hogyan oldottak meg, olvasgatni az issue trackert. Használni viszont tényleg akkor csak, ha valami nagyon gyorsan kell és tök mindegy hogy néz ki, csak legyen valami, bár én akkor is inkább Foundationt használok.
    Egyébként ha css framework, akkor nekem inuit hozzáállása a legszimpibb, de az meg egy elhagyott project (perpill).
    Egyébként meg különböző (scss) libek megy nálam inkább egy fw helyett.
  • Jim Morrison
    #21542
    Igen igen. Nem baj, majd hatterszint lecserelem es jo lesz...^^
  • passatgt
    #21541
    hm, érdekes
    próbáld meg így, lehet a fancyzoom-os plugin valami custom szar, a galériánál így van megcsinálva:

    lniket cseréld le erre: <a href="#terkep" class="terkep-link">Visit</a>

    És valahova a link alá még rakd be ezt:

    <div id="terkep" style="display: none;"><img src="images/grofo.jpg" alt=""></div>
  • SzirmosSzisza
    #21540
    Azért óvatosan, sok oldalon NAGYON látni, hogy Boostrappel készült :D

    Bár, ha az ember magának csinál dolgot vagy nagyon minimálisat, akkor pont elég, hogy nem kell szenvedni ilyenekkel
  • Jim Morrison
    #21539
    Most nézem, nemide :D
  • Gladiator
    #21538
    alakul, most mar feljon a pop-up, csak nincs benne semmi:D
  • Jim Morrison
    #21537
    Tizi.
    Kezdődik?!
  • Jim Morrison
    #21536
    Most 2-3 órát foglalztama bootstrappel és...és baromi jó, nem értem miért nem ástam bele magam eddig jobban^^
  • passatgt
    #21535
    .terkep-link, nem #terkep-link és jó lesz
    vagy a linknél a class="terkep-link" helyett írj id="terkep-link"-et

    . = class
    # = id
  • Gladiator
    #21534
    Hat, nem tudom mit irtam be anno, de most copy-pasteltem a felette levo sort, es atirtam csak siman, igy mar jo, viszont a kivant hatast nem ertem el, mert csak egy sima link a kephez, ami uj oldalon nyilik meg, nem pedig pop upban. Ez van:

    <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
    $('div.photo a.act').fancyZoom({scaleImg: true, closeOnClick: true});
    $('#medium_box_link').fancyZoom({width:400, height:300});
    $('#large_box_link').fancyZoom();
    $('#flash_box_link').fancyZoom();
    $('#terkep-link').fancyZoom();

    });
    </script>


    meg ez:


    <a href="images/grofo.jpg" class="terkep-link">Visit</a> our beautiful facility
  • passatgt
    #21533
    amit te írtál abból hiányzik egy ' (.terkep elől), biztos jól írtad be?
  • Gladiator
    #21532
    hat, ha en azt $(.terkep-link').fancyZoom(); - t beteszem oda, akkor az egesz weblap lefagy es semmi sem mukodik rajta:D
  • Gladiator
    #21531
    Aha, pont ugy. Nem mondom, hogy teljesen ertem ezt, de megprobalom, koszi!
  • passatgt
    #21530
    Olyan kéne mint a galériánál a képek nem? Az is felugrik ilyen popupban. Mivel ott már működik, annyit kell csak csinálnod, hogy az oldal forrásában a 29. sorban ez után: $('#flash_box_link').fancyZoom(); rakd be ezt:

    $('.terkep-link').fancyZoom();

    Utána a link ami a képre hivatkozik, maradjon ugyanúgy, csak simán írd hozzá hogy:

    <a href="terkep.jpg" class="terkep-link">....</a>

    És elvileg ugyanúgy megfogja nyitni a képet, mint a galéria oldalon.
  • Gladiator
    #21529
    Van egy olyan szoveg a weblapon, hogy Visit us. Azt akarom linkre megcsinalni, hogy ha rakattintanak, akkor felugorjon egy kep, ami a terkep. Ez a kep mar fent van a weblapon a Contact oldalon. 1001 oldalt neztem mar, de hasznalhato megoldast meg nem talaltam. Ugy is jo lenne, ha csak fole viszem az egeret, akkor ugorjon fel. De eddig csak ugy tudtam, hogy az oldalon magan jelenik meg, mindent szetcseszve.
  • Jim Morrison
    #21528
    köszi!
    Igen, AngularJS-t ha jól tudom Googleos emberek dobták össze, már ez is egy fajta garancia rá :)
    Azt a két oldalt meg gyorsan el is olvasom :)
  • SzirmosSzisza
    #21527
    Websocket felesleges, ha nem akarsz realtime dolgot csinálni. Az újratöltéshez AngularJS-t megpróbálhatod, én jókat hallottam róla. Boostraphez meg olvasd végig azt a 2 oldalt ami a honlapon van (CSS, Components) + a példákat amik kint vannak és az alapokat meg is értetted. Illetve az sose árt, ha megy az oldal AJAX nélkül is, imho érdemes rá figyelni :)
  • Jim Morrison
    #21526
    köszi, én a tuts+os sorozatot kezdtem el nézni, de majd azt is meglesem :)
  • Neocortex
    #21525
    bootstrap tanuláshoz tudom ajnálani "Lynda - Up and Running with Bootstrap 3" videósorozatát
  • Jim Morrison
    #21524
    Szeretnék egy oldalt csinálni, amihez már nem csak simán php-t használnék, meg jqueryt, hanem egy kicsit komolyabb eszközöket is használnék az elkészítéséhez.


    Az egész nem lenne tele rengeteg contenttel, de lennének nagyobb képek, esetleg gifek (de nem gifek, hanem gfycatet (hogy haladjunk a korral, de valszeg saját megoldás lenne). Jó lenne ha valamennyire responsive is lenne, ezért a Bootstrappet is elkezdtem tanulmányozni.
    Meg ahogy belegondoltam, jó lenne az oldalakat betölteni oldal újratöltés nélkül, ergó ajaxos megoládst alkalmaznék , websocketesset.


    Ezekkel nem vagyok tisztában, php frameworkoket sem használtam soha, ezért valami kezdő útmutatásnak, esetleg miknek nézzek utána nagyon örülnék :)
  • passatgt
    #21523
    #cc_menu {background:url(../images/logo.png) no-repeat center;background-size:contain;}

    csak így ugye szar a kép minősége, mert kihúzza a szélességét:)
  • Gladiator
    #21522
    aha, pont igy kellene. csak ugy akarjak, hogy akkora legyen a logo, mint a doboz:D annyira zavar ez az igenytelenseg:D

    akkor majd probalkozok ezzel, koszi.
  • passatgt
    #21521
    akkor így néz ki, de lehet félreértem:)
  • passatgt
    #21520
    megcsinálod a logós képet átlátszó png-ben, ha jól látom/értem, 924x590px (vagy kisebb, mindegy) és beállítod a dobozok mögé háttérnek:

    #cc_menu {background:url(../images/logo.png) no-repeat center;}
  • SzirmosSzisza
    #21519
    Ilyesmi kell? Nem pontosan értelek.
  • Gladiator
    #21518
    Megint en... Tehat kitalaltak, hogy ne legyen felul a logo, mert sok helyet elvesz, inkabb legyen a negyzet mogott. Mivel a negyzet azonos meretu mindig, a hatterkep viszont az ablak meretetool fuggoen valtozik, ezert az nem jo, hogyha a logot csak siman a hatterre teszem

    ugy kellene, hogy ket hatterkep van, a jelenlegi es a logo, ami pont akkora meretu, mint a negyzet. a logot folulrol 50 pixellel paddingolom es kozepre zarom. igy mindig pont a negyzet mogott lenne, az ablak meretetol fuggetlenul. na, hat erre megoldast sehol sem talaltam, mert akarhogy is teszem be a kepet meg a doboz kodja elott, mindig elcsusztatja a dobozt. hogy lehetne csak siman betenni moge? megneztem mar vagy 50 oldalt, de sehol semmi ertelmes.

    http://www.thebodyspasxm.com
  • Bercy #21517
    Hat ez mar csak ilyen, az egyszerubb ugyfeleknek addig fingjuk sincs mit akarnak amig nem latjak a termeket.
    Nagyceges rendszerekben ilyen gond nincs, ott elore tudjak mit akarnak de a linkeles lesz a legkisebb problemad :)))
  • Gladiator
    #21516
    Ja, en is rohogok:D De azert szopok veluk, mert mindig, mikor azt hiszem, hogy vegre kesz, kitalalnak valamit:D Majd meg lesz egy bonyolultabb kerdesem, aztan remelhetoleg tenyleg le lehet zarni. Koszi mindenkinek, ha erre jartok, kaptok sort:D
  • kifli
    #21515
    Aszem még itt sg-n is úgy van vagy volt nemrég, hogy ha nem tetted a link elé, hogy http:// akkor http://sg.hu/linked.hu jött be
  • passatgt
    #21514
    és ezért kapsz százezreket, rohadjál meg:D
  • Lazarus
    #21513
    ha a http-t nem írod elé minden linket hozzáad az aktuális urlhez (relatív útvonal)
  • Gladiator
    #21512
    Megorulok, komolyan. Akarok egy sima linket csinalni, hogy mikor ranyomnak a Facebookra, akkor az elvigye oket a ceg Facebook oldalara. De ahelyett, hogy csak siman a megadott linkre menne, a Facebook linkjet hozzaadja az eppen megnyitott oldal URL-jehez, aminek ugy nyilvan semmi ertelme nem lesz:

    http://thebodyspasxm.com/www.facebook.com/thebodyspasxm

    Probaltam mindenhogy rakeresni Guglival, de mindenhol igy irjak a linkelest, es meg csak fel sem merul sehol, hogy ez nem mukodne:

    <a href="www.facebook.com/thebodyspasxm">Facebook</a></p>

    Otlet?
  • Gladiator
    #21511
    Istenem, barcsak Te lennek! Koszi szepen!
  • passatgt
    #21510
    <div class="cc_content_4_1 block">
    <h1>Location</h1>
    <div class="scroll-wrap">
    <div class="left" style="width:33%;">
    <p><span style="text-transform:uppercase">The Body Spa</span><br />Billy Folly road 1<br />Simpson Bay Suits<br />Pelican, St. Maarten</p>
    </div>
    <div class="left" style="width:33%;">
    <p>Phone 1: +1 721 544 5808<br />
    Phone 2: +1 721 581 0808<br />
    E-mail: <a href="mailto:#">[email protected]</a><br>
    <a href="www.facebook.com/thebodyspasxm"> Facebook</a></p>
    </div>
    <div class="left" style="width:33%;text-align:center;">
    <p>OPENING HOURS<br />
    Monday - Friday: 9:30AM - 7:00PM<br />
    Saturday: 10AM - 6PM</a><br>
    Sunday by appointment only</a></p>
    </div>
    <div class="left" style="width:650px; padding:3px 3px 1px 3px; border:1px #FFFFFF solid;">
    <iframe width="650" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="images/grofo.jpg"></iframe>
    </div>
    <div class="clear"></div>
    </div>
    </div>
  • Gladiator
    #21509
    Ja, es lehetoleg ugy, hogy az opening hours kozepre zart legyen, ne balra.
  • Gladiator
    #21508
    Na, remelhetoleg utoljara zavarok itt ezzel a weblappal kapcsolatban.

    http://thebodyspasxm.com

    Itt a Contact/Location ful ala akarom mind a harom paragrafust egymas melle, de valahogy o meg nem akarja, akarhogy is probalkozok. Valaki at tudna irni ugy, hogy jo legyen? Elore is kosz.

    <div class="cc_content_4_1 block">
    <h1>Location</h1>
    <div class="scroll-wrap">
    <div class="left" style="width:150px;">
    <p><span style="text-transform:uppercase">The Body Spa</span><br />Billy Folly road 1<br />Simpson Bay Suits<br />Pelican, St. Maarten</p>
    </div>
    <div class="right" style="width:460px">
    <p>Phone 1: +1 721 544 5808<br />
    Phone 2: +1 721 581 0808<br />
    E-mail: <a href="mailto:#">[email protected]</a><br>
    <a href="www.facebook.com/thebodyspasxm"> Facebook</a></p>
    </div>
    <div class="right" style="width:230px">
    <p>OPENING HOURS<br />
    Monday - Friday: 9:30AM - 7:00PM<br />
    Saturday: 10AM - 6PM</a><br>
    Sunday by appointment only</a></p>
    </div>
    <div class="left" style="width:650px; padding:3px 3px 1px 3px; border:1px #FFFFFF solid;">
    <iframe width="650" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="images/grofo.jpg"></iframe>
    </div>
    <div class="clear"></div>
    </div>
    </div>
  • Jim Morrison
    #21507
    Elég jó :o
  • SzirmosSzisza
    #21506
    http://pattle.github.io/simpsons-in-css/ :)
  • Gladiator
    #21505
    Meg annyi, hogy amikor previewoltam a templatet, akkor az mukodott Macen.

    Template: http://www.mojo-themes.com/item/spa-jquery-website-template/demo/
  • Gladiator
    #21504
    Bocs, hogy ennyit benazok, de meg annyi, hogy az egyelore felkesz weblapot feltoltottem egy ingyenes oldalra. Windowson teljesen jol megy, semmi problema, viszont Macen mintha nem erzekelne az egeret. Tehat hiaba huzom az egeret a menuk fele, azok nem valtoznak meg ugy, mint ahogy Windowson (Firefox / Chrome) teszik.

    Erre valami megoldas? http://thebodyspa.comuf.com/#