Visualizzazione dei risultati da 1 a 7 su 7

Discussione: [Wordpress] width 100%

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    270

    [Wordpress] width 100%

    volevo sapere come facevo a mettere wordpress a tutto shermo invece che a dimensione fissa

  2. #2
    Ciao,

    dipende dal tema, quindi direi dai css

    Ti sposto in quella sezione!
    The fastest Redis alternative ... cachegrand! https://github.com/danielealbano/cachegrand

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    270
    ok allora posto il css

    codice:
    /*  
    
    Theme Name: Protegidas
    
    Theme URI: http://designed.nu
    
    Description: Designed by Design Blog and available FREE at WordPress Themes Gallery
    
    Author: Design Blog
    
    Author URI: http://designed.nu
    
    � 2008, Design Blog. All rights reserved. 
    
    */
    
    
    
    /* 
    
       * Default HTML tags 
    
       */
    
    a {
    
        color: #444;
    
        }
    
    
    
    a:visited {
    
                color: #444;
    
                text-decoration: underline;
    
    }
    
    
    
    a:hover {
    
    	color: #2897c5;
    
    }
    
    
    
    acronym, abbr {
    
                    cursor: help;
    
                    }
    
    
    
    blockquote {
    
    	border-left: 3px solid #dddddd;
    
    	margin-left: 15px;
    
    	padding-left: 5px;
    
    }
    
    
    
    body {
    
           background: #011e2e;
    
           color: #505050;
    
           font-size: 62.5%;
    
           font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    
           margin: 0 auto;
    
           padding: 0;
    
           text-align: center;
    
           line-height: 14px;
    
           }
    
    
    
    cite {
    
    	font-size: 90%;
    
    	font-style: normal;
    
    }
    
    
    
    h2 {
    
         font-size: 12px;
    
         background: url("images/post-title-background.jpg") repeat-x;
    
         margin: 0px 0 6px 0;
    
         padding: 4px 0 8px 5px;
    
         font-weight: bold;
    
         color: #3d3d3d;
    
    }
    
    
    
    h2 a{ 
    
                         text-decoration: none;
    
                         color: #3d3d3d;
    
                         }
    
    h2 a:visited{ 
    
                         text-decoration: none;
    
                         color: #3d3d3d;
    
                         }
    
    h2 a:hover{ 
    
                         text-decoration: none;
    
                         color: #3d3d3d;
    
                         }
    
    h2 a:visited:hover { 
    
                         text-decoration: none;
    
                         color: #3d3d3d;
    
                         }
    
    h3 {
    
         font-size: 120%;
    
         margin-top: 0;
    
    }
    
    
    
    img { 
    
          padding: 3px;
    	/* modifica cypher
          border: #dddddd 1px solid;
    	  fine modifica cypher*/
    
          }
    
    
    
    a:hover img {
    
          padding: 3px;
    
          border: #444 1px solid;
    
    }
    
    
    
    
    
    img.alignleft { 
    
                    float: left;
    
                    margin: 3px 3px 3px 0;
    
                    }
    
    
    
    img.alignright { 
    
                     float: right;
    
                     margin: 0 3px 3px 3px;
    
                     }
    
    
    /* modifiche cypher */
    #menu-left li { 
         margin: 0;
         padding: 0;
         list-style-type: none;
         }
    /* fine modifiche cypher */
    
    
    
    ol#comments li p {
    
                       font-size: 100%;
    
                       }
    
    
    
    ul { 
    
         margin: 0;
    
         padding: 0;
    
         }
    
    
    
    /*
    
       * Classes
    
       */
    
    
    
    /* The credits at the bottom of the site */
    
    #credit {
    
              color: #131313;
    
              font-size: 11px;
    
              width: 868px;
    
              text-align: center;
    
              margin: 0 auto;
    
              padding: 5px 0 5px 0;
    
              clear: both;
    
             
    
              }
    
    
    
    #credit a, 
    
    #credit a:hover,
    
    #credit a:visited,
    
    #credit a:visited:hover {
    
                              color: #131313;
    
                              }
    
    
    
    
    
    
    
    
    
    
    
    /* Link to the comments */
    
    .feedback {
    
                color: #2897c5;
    
                text-align: right;
    
                clear: both;
    
                text-transform: lowercase;
    
                margin-bottom: 15px
    
                }
    
    
    
    .feedback a { 
    
                                text-decoration: none;
    
                                color: #2897c5;
    
                                }
    
    .feedback a:hover { 
    
                                text-decoration: underline;
    
                                }
    
    .feedback a:visited { 
    
                                text-decoration: none;
    
                                color: #2897c5;
    
                                }
    
    .feedback a:visited:hover { 
    
                                text-decoration: underline;
    
                                }
    
    
    
    /* The post informations */
    
    .meta { 
    
            font-size: 0.9em;
    
            }
    
    
    
    .meta li, 
    
    ul.post-meta li { 
    
                      display: inline;
    
                      }
    
    
    
    .meta ul { 
    
               display: inline;
    
               list-style: none;
    
               margin: 0;
    
               padding: 0;
    
               }
    
    
    
    .meta a { 
    
              color: #2897c5;
    
              text-transform: lowercase;
    
              text-decoration: none;
    
              }
    
    
    
    .meta a:hover { 
    
       text-decoration: underline;
    
              }
    
    
    
    .meta { 
    
            color: #555;
    
            font-weight: normal;
    
            letter-spacing: 0;
    
           
    
            }
    
    
    
    
    
    .storycontent { 
    
                    font-size: 115%;
    
                    }
    
    
    
    /* Comment form design */
    
    #commentform #author, 
    
    #commentform #email, 
    
    #commentform #url, 
    
    #commentform textarea {
    
                            background: #fefefe;
    
                            border: 1px solid #dddddd;
    
                            color: #505050;
    
                            }
    
    
    
    #commentform textarea {
    
    	width: 96%;
    
    }
    
    
    
    #commentlist li ul {
    
    	border-left: 1px solid #ddd;
    
    	font-size: 110%;
    
    }
    
    
    
    ol#commentlist li { 
    
                      list-style: decimal;
    
                      }
    
    #content {
    
               float: right;
    
               width: 610px;
    
               padding: 0px 20px 20px 10px;
    
               text-align: left;
    
               display: inline;
    
    	   border-left: 1px solid #eaeaea;
    
               }
    
    
    
    #content ol li { 
    
                     list-style: decimal;
    
                     }
    
    
    
    #content ul { 
    
                  margin-top: 10px;
    
                  margin-left: 35px;
    
                  }
    
    
    
    #content ul li { 
    
                     list-style-image: none;
    
                     }
    
    
    
    #content-big {
    
               float: left;
    
               width: 610px;
    
               padding: 0px 20px 20px 10px;
    
               text-align: left;
    
               display: inline;
    
               text-align: justify;
    
    	   border-left: 1px solid #eaeaea;
    
               }
    
    
    
    
    
    #header {
    
              font-size: 28px;
    
              font-weight: bold;
    
    	  text-decoration:none;
    
              font-family: Verdana;
    
              margin: 0 auto;
    
              height: 300px;
    
              width: 900px;
    
              background: url("images/header.jpg");
    
              }
    
    
    
    #header a,
    
    #header a:hover,
    
    #header a:visited,
    
    #header a:visited:hover {
    
                              float: left;
    
                              color: #fec868;
    
    	                  padding: 18px 0 3px 68px;
    
                              text-decoration: none;
    
                               line-height: 26px;
    
                              }
    
    
    
    .ad468 {                  padding: 68px 0px 0px 68px;
    
                              text-align: left;
    
                       }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    #footer { 
    
              width: 900px;
    
              height: 48px;
    
              margin: 0 auto;
    
              color: #131313;
    
              background: url("images/footer.jpg") no-repeat;
    
              }
    
    
    
    #footer p {               padding-top: 1px;
    
                              color: #131313;
    
                              text-decoration: none;
    
                              }
    
    #footer a, #footer a:visited{
    
                              color: #131313;
    
                              text-decoration: none;
    
                              }
    
    #footer a:hover,#footer a:visited:hover {
    
                              color: #131313;
    
                              text-decoration: underline;
    
                              }
    
    
    
    /* 
    
       * Left sidebar 
    
       */
    
    #menu-left { 
    
                 float: left;
    
                 padding: 0px 9px 20px 20px;
    
                 width: 230px;
    
                 display: inline;
    
                 margin-top: -15px;
    
                 }
    
    
    
    #menu-left a,
    
    #menu-left a:visited { 	     font-size: 11px;
    
    	                     font-weight:bold;
    
                                 line-height: 16px;
    
                                 text-decoration: none;
    
                                 color: #2897c5;
    
                                 }
    
    
    
    #menu-left a:hover,
    
    #menu-left a:visited:hover  { 
    
                                  color: #2897c5;
    
                                 text-decoration: underline;
    
                                  }
    
    
    
    #menu-left ul ul { 
    
                       margin-left: 16px;
    
                       }
    
    
    
    #menu-left ul ul li { 
    
                          list-style-image: url("images/icon.gif");
    
                          }
    
    
    
    #menu-left h2 {
    
         font-size: 12px;
    
         background: url("images/sidebar-h2.jpg") no-repeat;
    
         margin: 15px 0 6px 0;
    
         padding: 4px 0 4px 5px;
    
         font-weight: bold;
    
         color: #3d3d3d;
    
                 width: 230px;
    
    }
    
    
    
    .ad200 { 
    
                              text-align: center;
    
                              margin-top: 2px;
    
                       }
    
    /* End of left sidebar */
    
    
    
    
    
    
    
    input#s {
    
              width: 158px;
    
              background: #fefefe;
    
              border: 1px solid #dddddd;
    
              color: #505050;
    
    }
    
    
    
    #rap { 
    
           width: 900px;
    
           margin: 0 auto;
    
           background: url("images/rap-background.jpg") repeat-y;
    
           text-align: left;
    
    
    
           }
    
    #search {
    
    	margin: 0px 0px 0px 0px;
    
    	height: 20px;
    
    	width: 300px;
    
    
    }
    
    
    
    .searchfield {
    
    	vertical-align: middle;
    
    	padding: 1px;
    
    	margin: 1px;
    
    	background: #f2f2f2;
    
    	border: 1px solid #3c3c3c;
    
    	color: #484847;
    
    	width: 150px;
    
    	font-size: 12px;
    
    	height: 16px;
    
    }
    
    
    
    .searchsubmit {
    
    	vertical-align: middle;
    
    	padding: 1px;
    
    	background: #f2f2f2;
    
    	border: 1px solid #dddddd;
    
    	color: #484847;
    
    	width: 60px;
    
    	font-size: 12px;
    
    	height: 20px;
    
    }
    praticamente volevo che il mio tema per wordpress fosse ocn width 100%

  4. #4
    mmm, ci sarebbe da togliere il width da content, credits, dall'header, dal footer e qualche altra parte, ma ci sarebbe da giocare con i margini e con il padding per farlo diventare fluido perché mi pare di capire, dal css, che hai una colonna a sinistra, menu-left giusto?
    The fastest Redis alternative ... cachegrand! https://github.com/danielealbano/cachegrand

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    270
    si

    praticamente è un template wordpress a due colonne

    esattamente questo http://www.windowsolution.org

    se metto width: 100% ai tag che mi hai indicato dovrebbe andare a posto?

  6. #6
    non penso tu lo possa fare, perché se gli dai width 100% si scassano tutte cose

    piuttosto dovresti non dare un width, se lo vuoi fluido, e giocare con i margini/padding

    in ogni caso, un max-width sarebbe da prevedere, per il box del contenuto, altrimenti c'è il rischio che si deformi troppo l'interfaccia su monitor larghi (vedasi me con un 22" wide screen e un 24"crt ... vedo i siti a 1600 di larghezza e spesso piango )

    dovresti togliere il width sia all'header, sia al footer e ai credits dovresti lasciarlo, centrandoli se già non sono centrati

    al menù devi lasciare la larghezza mentre al content puoi provare a togliere il width e lasciare un max-width ... però con il fatto che ci sta il float il contenuto si ridimensiona per occupare lo spazio necessario senza width

    dovresti fare in modo di mettere il menu su float: left e poi posizionare il contenuto usando il margine ma senza usare il float cosi che si allarghi per come serva

    devi fare qualche prova oppure aspettare qualcuno che abbia possibilità di fare delle prove concrete
    The fastest Redis alternative ... cachegrand! https://github.com/danielealbano/cachegrand

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    270
    ok ho provato a togliere i width dall'header e dal footer ma la cosa sembra non cambiare minimamente (lo visualizzo come prima)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.