Rezultate 1 la 6 din 6

Subiect: Putin ajutor transformare tema in responsive design

  1. #1
    Avatarul lui florescualin
    florescualin este deconectat Junior SeoPedia
    Reputatie:
    0
    Data înscrierii
    2nd April 2009
    Posturi
    139
    Putere Rep
    0


    Implicit Putin ajutor transformare tema in responsive design

    Salutare.
    Am o tema pe care vreau sa o fac responsive design.
    Am pus un media qeueri @media screen and (max-width: 420px) in care am adaugat ceea ce nu se incadra.
    Problma pe care o intampin este ca pagina mea are un width de 988px. Eu as vrea ca atunci cand se intra dupa un device cu un width mai mic decat aceasta dimensiune, id content si id sidebar sa se micsoreze pana la rezolutia cu un width de 768px, apoi sidebar right sa treaca sub content. Nu stiu ce meta queri sa adaug si cum sa fac procentele acelea. Mentionez ca sidebar are 305px, iar content 600px.

  2. #2
    Avatarul lui Floki
    Floki este deconectat Membru SeoPedia
    Reputatie:
    7
    Data înscrierii
    15th March 2015
    Vârstă
    48
    Posturi
    188
    Putere Rep
    7


    Implicit

    Daca sidebar si sidebar right sunt acelasi lucru, ceva de genul:

    Cod:
    @media only screen and (min-width:768px) and (max-width:987px){
        #content{
            min-width:466px;
            width:61%;
        }
        #sidebar{
            min-width:237px;
            width:31%;
        }
    }
    @media only screen and (max-width:767px){
        #content, #sidebar{
            min-width: 0;
            width: auto;
        }
        #sidebar{
            display:block;
            float:none;
        }
    }

  3. #3
    Avatarul lui florescualin
    florescualin este deconectat Junior SeoPedia
    Reputatie:
    0
    Data înscrierii
    2nd April 2009
    Posturi
    139
    Putere Rep
    0


    Implicit

    Da, sidebar este acelasi lucru cu sidebar right. Am pus cum mi-ai dat tu dar observ ca la primul queri ramane la fel, nu se micsoreaza #content

  4. #4
    Avatarul lui Floki
    Floki este deconectat Membru SeoPedia
    Reputatie:
    7
    Data înscrierii
    15th March 2015
    Vârstă
    48
    Posturi
    188
    Putere Rep
    7


    Implicit

    incearca:

    Cod:
        #content{
            min-width:466px !important;
            width:61% !important;
        }
    sau vezi in fisierul css pentru #content daca are la width !important si sterge-l

  5. #5
    Avatarul lui Floki
    Floki este deconectat Membru SeoPedia
    Reputatie:
    7
    Data înscrierii
    15th March 2015
    Vârstă
    48
    Posturi
    188
    Putere Rep
    7


    Implicit

    setarile pentru content pot fi gresite - content e intr-un alt div? trebuie micsorat si asta

  6. #6
    Avatarul lui florescualin
    florescualin este deconectat Junior SeoPedia
    Reputatie:
    0
    Data înscrierii
    2nd April 2009
    Posturi
    139
    Putere Rep
    0


    Implicit

    Am rezolvat.

    Pentru desktop in loc de width: 988px am pus max-width: 988px;

    Iar pe responsive:

    @media only screen and (max-width:768px) {
    #content {
    width: 100%;
    float: none;
    }

    }

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. putin ajutor va rog
    De Oldream în forumul Hosting
    Răspunsuri: 5
    Ultimul Post: 21st April 2015, 23:53
  2. Cumpar tema wp responsive jocuri online
    De deluxx76 în forumul Continut web
    Răspunsuri: 3
    Ultimul Post: 11th April 2015, 20:52
  3. Ajutor transformare din wordpress în static html
    De designarti în forumul Teste
    Răspunsuri: 9
    Ultimul Post: 27th September 2014, 23:32
  4. Putin ajutor: Design
    De piciu1993 în forumul Oferte gratuite
    Răspunsuri: 3
    Ultimul Post: 17th March 2013, 23:13
  5. Responsive Design si SEO - Pro si Contra
    De sergiuliano în forumul Client side
    Răspunsuri: 12
    Ultimul Post: 7th June 2012, 09:11

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •