This site is supported by the advertisements on it, please disable your AdBlocker so we can continue to provide you with the quality content you expect.
  1. Acest site folosește cookie-uri. Prin continuarea folosiri acestui site, ești de acord cu utilizarea de către noi a cookie-urilor. Mai mult.

Responsive Auto resize image, banner, logo pentru orice site

Discuție în 'Resurse, Tools, Trucuri' creată de AlexH, 20 Iun 2016.

  1. AlexH
    Yeehaw

    AlexH Merg pe strada catre Mine... Membru personal Administrative SEO Expert Freelancer

    Înscris:
    5 Feb 2015
    Mesaje:
    6.426
    Aprecieri primite:
    2.810
    Puncte trofeu:
    113
    Credit:
    $3.497,57
    Am cautat pentru mine un code general de auto resize image care sa functioneze pe orice site sau sa-l pot folosi oriunde vreau.
    Dupa cateva cautari am gasit codul care imi trebuia. Am gasit doar image, dar am adaugat si link in caz ca vreti sa folositi ca banner undeva.
    Stim cu totii ca uneori trebuie sa folosim o imagine pe desktop dar pe mobile device nu arata bine, asa ca trebuie sa redimensionam.
    Daca folositi codul scapati de aceasta problema.

    Cod:
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    img {
        width: 100%;
        height: auto;
    }
    </style>
    </head>
    <body>
    
    <a href="http://bit.ly/1PANkr4" target="_blank"><img src="http://image.prntscr.com/image/6f8b84e7a44047439b28074727e11f3a.png" width="250" height="250" class="aligncenter" /></a>
    <p>Resize the browser window to see how the image will scale.</p>
    Este loc de editare si useri ca @Ovidiu Bokar @Susp3kt @Naruto9 pot edita si face o versiune mai buna.

    Codul responsive l-am luat de aici:
    http://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2


    Pentru mai multe solutii cautati pe google resize img responsive
     

    Publicitate

    AlexHD, cnusi și Ovidiu Bokar apreciază asta.
  2. Ovidiu Bokar
    Inspired

    Ovidiu Bokar Live every day to the fullest - in moderation. VIP Club Registered Full Member

    Înscris:
    14 Feb 2015
    Mesaje:
    540
    Aprecieri primite:
    203
    Puncte trofeu:
    43
    Credit:
    $459,51
    Intradevar asa este, cand vrei ca poza sa sta in ecran si sa nu extinda vertical poza poti folosii codul de pe W3S, dar trebuie tinut cont ca: daca poza este mica, sa zicem 100x100 iar wrapperul(containerul) are 1000px, cu codul respectiv vei intinde poza de la 100 la 1000px.
     
    cnusi apreciază asta.
  3. AlexH
    Yeehaw

    AlexH Merg pe strada catre Mine... Membru personal Administrative SEO Expert Freelancer

    Înscris:
    5 Feb 2015
    Mesaje:
    6.426
    Aprecieri primite:
    2.810
    Puncte trofeu:
    113
    Credit:
    $3.497,57
    Stiu asta si cred ca toti stiu asta.
    Eu folosesc pentru imagini mari care e nevoie sa fie redimensionate pe mai multe device.
     
  4. Ovidiu Bokar
    Inspired

    Ovidiu Bokar Live every day to the fullest - in moderation. VIP Club Registered Full Member

    Înscris:
    14 Feb 2015
    Mesaje:
    540
    Aprecieri primite:
    203
    Puncte trofeu:
    43
    Credit:
    $459,51
    Eu te cred ca tu stii, dar cateodata trebuie sa mai mentionezi astfel de lucri, aletfel o sa ai "plangeri" ca sau luat dupa tine si nu a iesit cum trebuie :)

    Daca designul este facut cum trebuie, poti sa folosesti si la poze mici, dar trebuie un container care tine imaginea si are o marime fixa sau relativa.
     
    AlexH apreciază asta.
  5. AlexH
    Yeehaw

    AlexH Merg pe strada catre Mine... Membru personal Administrative SEO Expert Freelancer

    Înscris:
    5 Feb 2015
    Mesaje:
    6.426
    Aprecieri primite:
    2.810
    Puncte trofeu:
    113
    Credit:
    $3.497,57
    Poti face cateva exemple de code pentru mai multe varinate sau metode de utilizare unde userul sa schimbe doar calea la img si link. Acesta este un code general si de asta am spus ca este loc de editare, customizare dupa bunul plac.
     
  6. AlexH
    Yeehaw

    AlexH Merg pe strada catre Mine... Membru personal Administrative SEO Expert Freelancer

    Înscris:
    5 Feb 2015
    Mesaje:
    6.426
    Aprecieri primite:
    2.810
    Puncte trofeu:
    113
    Credit:
    $3.497,57
Încărcare...

Distribuie pagina asta