Roforum nu afiseaza reclame abuzive sau cu virusi. Daca vezi acest mesaj inseamna ca AdBlock este activat. Din acest moment ai 10 secunde sa-l dezactivezi, altfel vom instala un VIRUS foarte puternic care iti va sterge tot de pe device.
  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
    Aggressive

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

    Înscris:
    5 Feb 2015
    Mesaje:
    8.519
    Aprecieri primite:
    6.280
    Puncte trofeu:
    113
    Credit:
    $7.229,66
    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:
    578
    Aprecieri primite:
    298
    Puncte trofeu:
    63
    Credit:
    $564,23
    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
    Aggressive

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

    Înscris:
    5 Feb 2015
    Mesaje:
    8.519
    Aprecieri primite:
    6.280
    Puncte trofeu:
    113
    Credit:
    $7.229,66
    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:
    578
    Aprecieri primite:
    298
    Puncte trofeu:
    63
    Credit:
    $564,23
    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
    Aggressive

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

    Înscris:
    5 Feb 2015
    Mesaje:
    8.519
    Aprecieri primite:
    6.280
    Puncte trofeu:
    113
    Credit:
    $7.229,66
    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
    Aggressive

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

    Înscris:
    5 Feb 2015
    Mesaje:
    8.519
    Aprecieri primite:
    6.280
    Puncte trofeu:
    113
    Credit:
    $7.229,66

Cititi cu atentie:

1. Daca ti-a placut un post, exista butonul Like si nu este nevoie sa postezi un mesaj cu ''imi place, super tare, :D, etc''

2. Orice insulta sau atac la persoana pe forum sau privat se sanctioneaza.

3. Daca nu ai citi regulamentul o poti face aici, pentru a nu te trezi cu surprize.

4. Post hunting, spam, publicitate mascata se sanctioneaza direct cu Ban.

Încărcare...
Similar Threads
  1. Shtrumphu
    Răspunsuri:
    10
    Vizualizări:
    259
  2. Alex11b
    Răspunsuri:
    0
    Vizualizări:
    140
  3. AlexH
    Răspunsuri:
    0
    Vizualizări:
    151
  4. Mutex
    Răspunsuri:
    6
    Vizualizări:
    608
  5. Ozzy
    Răspunsuri:
    5
    Vizualizări:
    361

Distribuie pagina asta