Visualizzazione risultati 1 fino 3 di 3

Discussione: Allargare colonna template... (banner fuori allineamento)

  1. #1
    Guest

    Question Allargare colonna template... (banner fuori allineamento)

    Ciao, come da titolo ho un problema con il template di joomla... vorrei allargare la colonna di sinistra, oppure l'intero template, per far si che il banner risulti allineato con la colonna e non vada ad intaccare quella di destra.
    Ho provato a guardare nei css del template ma sono riuscito a ridimensionare di tutto tranne quello che volevo purtroppo... spero possiate aiutarmi.
    Gli unici 2 fogli di stile presenti e modificabili sono: "css/box.css" e "css/tdefaut.css"

    Questo è il mio sito: http://dlfeet.altervista.org/

    "css/box.css"

    Codice:
    .body-overlayed embed,
    .body-overlayed object,
    .body-overlayed select {
    visibility:  hidden;
    
    }
    
    #sbox-window embed,
    #sbox-window object,
    #sbox-window select {
    visibility:  visible;
    
    }
    
    #sbox-overlay {
    position:absolute;
    background-color:#000;
    
    }
    
    #sbox-window {
    position:absolute;
    background:transparent;
    text-align:  left;
    overflow:visible;
    padding:10px;
    
    }
    
    * html #sbox-window {
    top: 50% !important;
    left: 50% !important;
    
    }
    
    #sbox-btn-close {
    position:absolute;
    width:30px;
    height:30px;
    right:-15px;
    top:-15px;
    border:  none;
    
    }
    
    .sbox-loading #sbox-content{
    background-position:center;
    
    }
    
    #sbox-content{
    clear:both;
    overflow:auto;
    height:  100%;
    width:100%;
    background:transparent;
    
    }
    
    .sbox-content-image#sbox-content{
    overflow:visible;
    
    }
    
    #sbox-image{
    display:block;
    
    }
    
    .sbox-content-image img{
    display:block;
    
    }
    
    .sbox-content-iframe#sbox-content{
    overflow:visible;
    
    } 
     
    
    #sbox-window {
    
    }
    
    #sbox-btn-close{
    right: 10px !important;
    top: 10px !important;
    
    }
    
    #helpdiv{
    background:#fff;
    height:270px;
    border-radius: 10px;
    
    }
    
    #helpdiv h3{
    display:none;
    
    }
    
    #helpdiv a{
    font-size:11px;
    
    }
    
    #helpdiv ul li{
    margin:0 0 0 20px;
    
    }
    
    #helpdiv label{
    font-size:11px !important;
    
    }
    
    #helpdiv2{
    background:#9b4b4b;
    color: #fff;
    height: 36px;
    overflow: hidden;
    padding: 5px 7px;
    text-align:left;
    width:186px;
    border-radius: 10px;
    
    }
    
    #helpdiv2 .inputbox {
    width:163px;
    background:#efefef;
    color:#000;
    border-radius: 10px;
    
    }
    
    #loginbt{
    float:left;
    width: 250px;
    height: 30px;
    display:block;
    text-align:left;
    padding:0;
    font-style:italic;
    
    }
    
    #loginbt a{
    font-style:italic;
    background:url(../images/arrows.jpg) 0 3px no-repeat ;
    padding-left:11px;
    font-size:12px;
    
    }
    
    #loginbt a:hover{
     opacity : 0.7;
        -moz-opacity : 0.7;
        -ms-filter: "alpha(opacity=70)"; /* IE 8 */
        filter : alpha(opacity=70); /* IE < 8 */
    
    }
    
    
    #helpdiv .moduletable fieldset {
    border:none;
    
    }
    Ultima modifica di dlfeet : 21-04-2014 alle ore 14.03.29

  2. #2
    Guest

    Predefinito

    css/tdefaut.css (parte 1)
    Codice:
    html {
    height: 100%;
    
    }
    
    body{
    margin:0;
    padding:0;
    text-align:center;
    background:#fff ;
    font-size:13px;
    color:#343434;
    font-family: helvetica, tahoma, arial , sans-serif;
    font-weight:bold;
    
    }
    
    /*texte*/
    
    p {
    font-size: 100%;
    
    }
    
    h1 {
    font-size: 200%;
    
    }
    
    h2 {
    font-size: 150%;
    
    }
    
    h3 {
    font-size: 125%;
    
    }
    
    h4, h5, h6 {
    font-size: 100%;
    
    
    }
    
    /* liens hypertextes*/ 
    a:link, a:visited {
    text-decoration:none;
    color:#343434;
    font-weight:bold;
    
    }
    
    a:hover {
    color:#ec8a00;
    
    }
    
    ul {
    margin:0;
    padding-left:20px;
    
    }
    
    li {
    list-style-type:disc;
    background:transparent;
    margin: 4px;
    
    }
    
    img {
    border:none;
    margin:3px 5px;
    padding:0;
    
    }
    
    img .caption {
    text-align: left;
    
    }
    
    .highlight{
    background:#ec8a00;
    padding: 0px 2px 0px 2px;
    color:#ffffff;
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-top-left-radius: 6px;
    /* pour Chrome */  
    -webkit-border-top-right-radius: 6px; /* pour Chrome */  
    -webkit-border-top-top-radius: 6px; /* pour Chrome */  
    -webkit-border-top-bottom-radius: 6px; /* pour Chrome */ 
    
    }
    
    .button {
    background:#ec8a00;
    border:none;
    color:#fff;
    font-weight:bold;
    padding:4px;
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-top-left-radius: 6px;
    /* pour Chrome */  
    -webkit-border-top-right-radius: 6px; /* pour Chrome */  
    -webkit-border-top-top-radius: 6px; /* pour Chrome */  
    -webkit-border-top-bottom-radius: 6px; /* pour Chrome */ 
    
    }
    
    .inputbox {
    color:#fff;
    background:#ec8a00;
    border:none;
    padding:4px;
    font-weight:bold;
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-top-left-radius: 6px;
    /* pour Chrome */  
    -webkit-border-top-right-radius: 6px; /* pour Chrome */  
    -webkit-border-top-top-radius: 6px; /* pour Chrome */  
    -webkit-border-top-bottom-radius: 6px; /* pour Chrome */ 
    
    }
    
    .pagewidth{
    width:910px;
    text-align:center;
    background:transparent;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    position:relative;
    
    }
    
    fieldset {
    margin:5px;
    padding:5px;
    border:none;
    
    }
    
    /*******************/
    #topmenu {
    float:left;
    width:100%;
    height:58px;
    background: url(../images/topmenu.jpg) 0 0 repeat-x;
    margin-top:2px;
    
    }
    
    .navigation {
    float:left;
    width: 100%;
    background:transparent; 
    margin-top:5px;
    
    }
    
    .navigation ul {
    list-style: none;
    margin:0;
    padding:0;
    
    }
    
    .navigation ul ul {
    margin: 0;
    padding: 0; 
    
    }
    
    .navigation ul li {
    margin:0;
    padding: 0;
    float: left;
    list-style: none;
    background: none;
    display: block;  
    
    }
    
    .navigation ul li ul {
    width: 230px;
    position: absolute;
     z-index: 99;
     left: -999em;
     height: auto;
     w\idth: 230px;
     
    }
     
    .navigation ul li ul ul {
    margin: 0;
    
    } 
    
    .navigation ul li li {
    padding: 0;
    margin: 0;
    width: 100%;
    
    }
    
    .navigation ul ul a {
    width: 100%;
    
    }
    
    .navigation ul li:hover ul ul,
    .navigation ul li:hover ul ul ul,
    .navigation ul li.sfhover ul ul,
    .navigation ul li.havechildsfhover ul ul,
    .navigation ul li.havechild-activesfhover ul ul,
    .navigation ul li.activesfhover ul ul,
    .navigation ul li.sfhover ul ul ul,
    .navigation ul li.havechildsfhover ul ul ul,
    .navigation ul li.havechild-activesfhover ul ul ul,
    .navigation ul li.activesfhover ul ul ul { 
    left: -999em;
    
    }
    
    .navigation ul li:hover ul,
    .navigation ul li li:hover ul,
    .navigation ul li li li:hover ul,
    .navigation ul li.sfhover ul,
    .navigation ul li.havechildsfhover ul,
    .navigation ul li.havechild-activesfhover ul,
    .navigation ul li.activesfhover ul,
    .navigation ul li li.sfhover ul,
    .navigation ul li li.havesubchildsfhover ul,
    .navigation ul li li.havesubchild-activesfhover ul,
    .navigation ul li li.activesfhover ul,
    .navigation ul li li li.sfhover ul,
    .navigation ul li li li.havesubchildsfhover ul,
    .navigation ul li li li.havesubchild-activesfhover ul,
    .navigation ul li li li.activesfhover ul {
    left: auto;  
    
    }
    
    .navigation ul li a {
    padding: 15px 16px 0 16px ; 
    margin:0;
    display: block; 
    font-weight: bold;  
    font-size:12px;
    text-transform:uppercase;
    background:transparent;
    color:#fff;
    text-shadow: 1px 1px 1px #000; 
    height:40px; 
    
    }
    
    .navigation ul li a:hover {
    color:#fff;
    background:#323232;
    height:40px;
    opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */
    
    }
    
    .navigation ul li {
    background: url(../images/bg-li.jpg) 100% 0 repeat-y;
    
    
    }
    
    .navigation ul li.active a {
    color:#fff;
    background:#323232;
    height:40px;
    opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */
    
    } 
    
    .navigation ul li ul {
    background:#323232;
    margin-top: 0px;
    text-align:left !important;
    width:200px;
    opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */
    
    }
    
    .navigation ul li ul li {
    padding-bottom:0px ;
    background:none !important;
    
    }
    
    .navigation ul li ul li a{
    height:35px !important;
    color:#fff !important;
    text-align:left !important;
    padding-left:20px !important;
    
    }
    
    .navigation ul li ul li a:hover  {
    color:#fff !important;
    background:#000;
    width:163px;
    
    }
    
    .navigation ul li ul li ul {
    margin-left:180px;
    margin-top: -30px;
    padding-bottom: 3px;
    padding-top:10px !important;
    text-align:left !important;
    padding-bottom: 0px;
    background:#323232;
    opacity : 0.9;
    -moz-opacity : 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter : alpha(opacity=90); /* IE < 8 */
    
    }
    
    /*********************/
    #wrapper {
    float:left;
    width: 900px;
    background:#f5f5f5;
    margin-top:-1px;
    background-color:#fff;
      border:1px solid #ddd;
      border:1px solid rgba(0,0,0,0.2);
      -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
      -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
      box-shadow:0 1px 5px rgba(0,0,0,0.1);
    
    
    }
    
    #sitename{
    float:left;
    width:200%;
    height:155px;
    background:transparent;
    
    }
    
    #sitename-left{
    float:left;
    width:300px;
    height:155px;
    background:transparent;
    
    }
    
    #toolitem {
    float:left;
    width:500px;
    height:30px;
    background:transparent;
    margin-top:50px;
    margin-left:50px;
    
    }
    
    #search {
    float:left;
    width:189px;
    height:29px;
    background: url(../images/search.jpg) 0 0 no-repeat;
    margin-left:50px;
    margin-top:5px;
    
    }
    
    #search .inputbox{
    background:none;
    color:#343434;
    
    }
    
    #sitename-center{
    float:left;
    width:360px;
    height:155px;
    background:transparent;
    
    }
    
    #logo {
    float:left;
    margin-top:30px;
    margin-left:25px;
    
    }
    
    #sitename-right{
    float:left;
    width:230px;
    height:155px;
    background:transparent;
    
    }
    
    #title-item {
    float:left;
    width:200px;
    height:20px;
    background:transparent;
    margin-top:50px;
    margin-left:40px;
    text-align:left;
    
    }
    
    #title-item span {
    font-style:italic;
    background:url(../images/arrows.jpg) 0 3px no-repeat ;
    padding-left:11px;
    font-size:12px;
    text-transform:capitalize;
    
    }
    
    #social-item {
    float:left;
    width:160px;
    height:40px;
    background:transparent;
    margin-left:40px;
    text-align:left;
    
    }
    
    #facebook ,#twitter,#linkedin {
    float:left;
    width:36px;
    height:36px;
    
    }
    
    /*******************/
    #slide{
    float:left;
    width:900px;
    height:360px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    background:#fff url(../images/sitename.png) 0 100% no-repeat;
    
    }
    
    /* The Nivo Slider styles */
    .nivoSlider {
    float:left;
      position:relative;
      width: 900px;
      height: 355px;
      margin-left: 0px;
      margin-top: 0px;
      background: url(../images/loading.gif) no-repeat 50% 50%;
    }
    
    .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
        width:900px; /* Make sure your images are the same size */
        height:355px; /* Make sure your images are the same size */
    }
    .nivoSlider a {
        border:0;
        display:block;
      color: #fff;
    }
    
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      margin:0;
      z-index:6;
      display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
      display:block;
      position:absolute;
      z-index:5;
      height:100%;
    }
    .nivo-box {
      display:block;
      position:absolute;
      z-index:5;
    }
    
    /* Caption styles */
    .nivo-caption {
      position:absolute;
      left: 60px;
      /* right:0px; */
      bottom:30px;
      background:#fff;
      color:#222;
      z-index:8;
      width: 180px;
      padding: 20px;
      overflow: hidden;
    }
    .nivo-caption p {
      padding:0 !important;
      margin:0 !important;
      font-size:15px;
      
    }
    .nivo-caption a {
      display:inline !important;
      border-bottom: 1px dotted #fff;
    }
    .nivo-caption a:hover {
      border-bottom-style: solid;
      text-decoration: none;
    }
    .nivo-html-caption {
        display:none;
    }
    Ultima modifica di dlfeet : 21-04-2014 alle ore 14.10.51

  3. #3
    Guest

    Predefinito

    css/tdefaut.css (parte 2)
    Codice:
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
      position:absolute;
      top:43%;
      z-index:9;
      cursor:pointer;
      text-indent: -10000px;
      width: 30px;
      height: 30px;
      background-image: url(../images/direction.png);
      background-repeat: no-repeat;
      height:72px;
      width:50px;
      
    }
    .nivo-prevNav {
      left:0px;
      background-position: left top;
    }
    .nivo-nextNav {
      right:-10px;
      background-position: -31px top;
    }
    
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav {
       display:none; 
      
    }
    .nivo-controlNav a {
       display:none; 
    }
    
    /**************************/
    #main {
    float:left;
    width:600px;
    margin:15px 0 0 25px;
    padding:0 0 25px 0;
    background:transparent;
    margin-top:0px;
    text-align:left;
    
    }
    
    #main-full {
    float:left;
    width:850px;
    margin:15px 0 0 25px;
    padding:0 0 25px 0;
    background:transparent;
    margin-top:0px;
    text-align:left;
    
    }
    
    /*************************/
    ul.actions  {
    background:transparent;
    margin:0;
    
    }
    
    ul.actions  li{
    list-style:none;
    float:right; 
    
    }
    
    .article-info {
    
    }
    
    dt.article-info-term {
    display:none;
    
    }
    
    dl.article-info dd{
    margin:0;
    font-size:12px;
    font-style:italic;
    
    }
    
    .items-leading {
    width:100%;
    font-weight:bold;
    padding:0px;
    
    }
    
    
    .items-row {
    width:100%;
    font-weight:bold;
    padding:0px ;
    
    }
    
    /***titre frontpage*****/
    .items-leading h2 {
    font-size:18px;
    height:30px;
    margin-bottom:0px;
    font-weight:bold;
    text-transform:capitalize;
    border-bottom:1px solid #e5e5e5;
    
    } 
    
    .items-row  h2{
    font-size:18px;
    height:30px;
    margin-bottom:0px;
    font-weight:bold;
    text-transform:capitalize;
    border-bottom:1px solid #e5e5e5;
    
    }
    
    /*****separation des articles******/
    .item-separator {
    height:30px;
    width:100%;
    display:block;
    
    }
    
    .item-page {
    width:100%;
    font-weight:bold;
    padding:0px 10px 10px 10px;
    
    }
    
    .item-page h2 {
    font-size:18px;
    height:30px;
    margin-bottom:0px;
    font-weight:bold;
    text-transform:capitalize;
    background:transparent;
    border-bottom:1px solid #e5e5e5;
    font-family: yesteryear, helvetica, tahoma, arial , sans-serif;
    
    } 
    
    .readmore a {
    float:right;
    font-weight: bold;
    padding:5px ;
    margin-right:15px;
    color:#fff;
    margin-top:5px;
    font-weight:bold;
    background: #ec8a00;
    border-radius: 6px;
    
    }
    
    .readmore a:hover {
    color:#fff;
    background:#343434;
    
    }
    
    div.cols-1 .item {
    width: 100%; 
    
    }
    
    /* div.cols-2 .item {
    width: 100%;
    
     }
    
    div.cols-3 .item {
     width:100%;
    
     }
    
    div.cols-4 .item {
    width: 100%;
    
     }
    
    div.items-row .item {
    float: left; 
    
    } 
    
    div.item {
     padding: 0 18px;
     margin-bottom:25px;
    
    
    
     } */
    
    .categories-list {
    
    }
    
    .categories-list li {
    list-style:none;
    
    }
    
    .item-title {
    font-size:18px;
    height:30px;
    margin-bottom:0px;
    font-weight:bold;
    background:transparent;
    padding-top:5px;
    text-transform:capitalize;
    
    }
    
    ul#archive-items li {
    
    }
    
    /* ++++++++++++++  items more  ++++++++++++++ */
    .items-more{
    padding-top:10px;
    
    }
    
     .items-more h3{
    font-weight:bold;
    margin:0;
    padding:5px 5px 5px 5px;
    font-size:1.4em
    
    }
    
     .items-more ol{
    line-height:1.3em;
    margin:0 0 0 20px;
    padding:5px 0 5px 2px;
    
    }
    
     .items-more ol li{
    padding:2px;
    
    }
    
     .items-more ol li a {
    display:inline;
    margin:0;
    font-weight:bold;
    padding:5px 5px 5px 5px;
    
    }
    
     .items-more ol li a:hover,
     .items-more ol li a:active,
     .items-more ol li a:focus {
    font-weight:normal;
    padding:5px 5px 5px 5px;
    text-decoration:none
    
    } 
    
    /* Pagination ---*/
     .counter {
    text-align:center;
    
    }
    
    ul.pagination {
     float: left;
     width: 100%;
     padding:10px 0;
     text-align:center;
    
    }
    
    ul.pagination li {
    background: none;
    display: inline;
    margin: 0;
    padding: 6px;
    margin:0 3px;
    overflow: hidden;
    
    }
    
    ul.pagination li span {
    padding: 6px; 
    line-height: 20px;
    
    }
    
    ul.pagination a {
    background:#343434;
    color: #fff;
    line-height: 20px;
    padding:6px;
    text-decoration: none;
    border-radius: 10px;
    
    }
    
    ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    text-decoration: none;
    color:#fff;
    background:#ec8a00;
    
    } 
    
    /* ++++++++++++++  nav entre article  ++++++++++++++ */
     ul.pagenav {
     position:relative;
    
    }
    
    ul.pagenav li {
     list-style: none;
     padding: 8px;
     background:#ec8a00;
    color:#fff;
    border-radius: 10px;
    
    }
    
    ul.pagenav li a{
    color:#fff;
    
    }
    
    ul.pagenav li:hover, ul.pagenav li:focus {
    background:#343434;
    color:#fff;
    padding: 8px;
    
    }
    
    ul.pagenav li.pagenav-prev {
    float: left;
    
    }
    
    ul.pagenav li.pagenav-next { 
    float:right;
    
    }
    
    /******************/
    #right {
    float:left;
    width:210px;
    text-align:left;
    padding-right:10px;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:10px;
    
    }
    
    #right h3 {
    background: url(../images/bg-h3.png) 0 2px no-repeat;
    margin-bottom:15px;
    margin-top:0px;
    text-transform:capitalize;
    font-size:18px;
    color:#444;
    padding-left:25px;
    
    }
    
    #right ul {
    padding-left:20px;
    
    }
    
    #right .moduletable_menu,
    #right .moduletable {
     margin-bottom:30px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    border-right:1px solid #d2cfcf;
     
    }
    
    /************************/
    #box-wrap {
    float:left;
    width:900px;
    margin:0px ;
    padding:10px 0px 25px 25px;
    background:transparent;
    margin-top:0px;
    text-align:left;
    background: url(../images/sitename.png) 0 0 no-repeat;
    
    }
    
    .box {
    float:left;
    width:263px;
    margin-left:8px;
    padding-right:18px;
    
    }
    
    .box h3 {
    font-size:20px;
    
    }
    
    /***********************/
    #ft {
    float:left;
    width:100%;
    height:58px;
    background: url(../images/topmenu.jpg) 0 0 repeat-x;
    
    }
    
    .ftb {
    margin-top:15px;
    text-align:center;
    font-weight:bold;
    font-size:13px;
    width:800px;
    float:left;
    color:#fff;
    
    }
    
     .ftb a, .ftb a:visited{
    padding:0 !important;
    border:none !important;
    color:#fff;
    
    } 
    
    .ftb a:hover {
    color:#fff;
    
    } 
    
    #top {
    float:left;
    width:30px;
    height:30px;
    margin-top:9px;
    padding:0 !important;
    border:none !important;
    background:transparent;
    
    }
    
    .top_button {
    padding:0 !important;
    border:none !important;
    
    }
    Ultima modifica di dlfeet : 21-04-2014 alle ore 14.11.00

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •