Autore Topic: [RISOLTO] Cambio di Template e problemi di impaginazione  (Letto 5741 volte)

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Ciao a tutti. Scrivo per chiedere gentilmente un consiglio: Utilizzo da qualche mese per il mio sito web il template classico di default Ruck Milkyway dove ho mantenuto lo spazio centrale libero con una piccola presentazione in swf e ai due lati dei menù. A sinistra due menù e a destra "il sondaggio" e qualche sito che pubblicizzo.
Cercando qualche template nuovo ne ho trovato uno che mi piace molto (il Techline J15 009) che è praticamente identico al Ruck Milkyway con solamente un header leggermente cambiato e dei colori più belli nelle tabelle dei menù.
Caricandolo nel mio sito però non vengono purtroppo rispettate le dimensioni dei menù stessi e il sito si presenta più "stretto" rispetto al mio.
Ho aperto il file Style.css ma non riesco a racapezzarmi su dove agire per allargare i menù laterali e il corpo centrale e nello stesso tempo centrare l'header che resta tutto spostato da una parte. Vi posto qua di seguito il contenuto del file style.css. Riuscireste a darmi qualche dritta?
Grazie mille, Ciao.



Codice: [Seleziona]
/* begin Page */

/* Generated by TechLine */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #FFFFFF;
  background-image: url('images/Page-BgTexture.jpg');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlareImage
{
  background-image: url('images/Page-BgGlare.png');
  background-repeat: no-repeat;
  height: 231px;
  width: 283px;
  margin: 0;
}

html:first-child .PageBackgroundGlare
{
  border: 1px solid transparent; /* Opera fix */
}


.PageBackgroundGradient
{
  background-image: url('images/Page-BgGradient.jpg');
  background-repeat: repeat-x;
  height: 500px;
}


.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
  overflow: center;
  min-width:37px;
  min-height:37px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 900px;
}


.Sheet-body
{
  position: relative;
  z-index: 0;
  margin: 5px;
}

.Sheet-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -18px;
  width: 36px;
  height: 36px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -18px;
  left: 0;
  width: 36px;
  height: 36px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -18px;
  left: -18px;
  width: 36px;
  height: 36px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 18px;
  right: 18px;
  height: 18px;
}

.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 18px;
  right: 18px;
  height: 18px;
}

.Sheet-bc div
{
  position: absolute;
  z-index: -1;
  top: -18px;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 18px;
  left: 0;
  width: 18px;
  bottom: 18px;
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 18px;
  right: 0;
  width: 18px;
  bottom: 18px;
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -18px;
  width: 36px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 18px;
  left: 18px;
  right: 18px;
  bottom: 18px;
  background-image: url('images/Sheet-c.png');
}


.Sheet
{
  margin-top: 20px !important;
}
/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 890px;
  height: 41px;
  z-index: 100;
}

.artmenu
{
  padding: 6px 13px 6px 13px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 41px;
}

.nav .l
{
  left: 0;
  right: 13px;
}


.nav .r
{
  right: 0;
  width: 13px;
}


.nav .r div
{
  width: 890px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 29px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 3px;
  margin-left: 3px;

}
.artmenu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  color: #CCCCCC;
  padding: 0 12px;
  margin: 0 1px;
  line-height: 29px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}


.artmenu a:hover
{
  background-position: left -29px;
}

.artmenu li:hover>a
{
  background-position: left -29px;
}
.artmenu li:hover a span
{
  background-position: right -29px;
}

.artmenu a:hover span
{
  background-position: right -29px;
}


.artmenu a:hover span span
{
  color: #EDEDED;
  background-position: left -29px;
}

.artmenu li:hover a span span
{
  color: #EDEDED;
  background-position: left -29px;
}


.artmenu a.active
{
  background-position: left -58px;
}

.artmenu a.active span
{
  background-position: right -58px;
}

.artmenu a.active span span
{
  color: #E3E3E3;
  background-position: left -58px;
}

/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 29px;
  background-image: url('images/item-separator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a
{
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin-right: auto;

  width: 190px;
  background-image: url('images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #DD774B;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 23px;
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 0px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #EDB8A1;
  border-color: #C95726;
  background-position: 0 -23px;
}

.artmenu ul li:hover>a
{
  color: #EDB8A1;
  border-color: #C95726;
  background-position: 0 -23px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #EDB8A1;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #EDB8A1;
}


/* end MenuSubItem */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  width: 890px;
  height: 225px;
}


div.Header  div.Header-c
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/Header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 10px;
  top: 87px;
  width: 870px;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  display: block;
  text-align: left;
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  padding:0;
  margin:0;
  color: #0D0602 !important;
}

.logo-text, .logo-text a
{
  display: block;
  padding:0;
  margin:0;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #080808 !important;
}
/* end Logo */

/* begin Box, Block */
.Block
{
  overflow: hidden;
  min-width:15px;
  min-height:15px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Block-body
{
  position: relative;
  z-index: 0;
  margin: 7px;
}

.Block-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-image: url('images/Block-s.png');
}

.Block-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 11px;
  height: 11px;
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -11px;
  width: 22px;
  height: 22px;
  background-image: url('images/Block-s.png');
}

.Block-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 11px;
  height: 11px;
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url('images/Block-s.png');
}

.Block-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 11px;
  height: 11px;
}

.Block-br div
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: -11px;
  width: 22px;
  height: 22px;
  background-image: url('images/Block-s.png');
}

.Block-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 11px;
  right: 11px;
  height: 11px;
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  background-image: url('images/Block-h.png');
}

.Block-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 11px;
  right: 11px;
  height: 11px;
}

.Block-bc div
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: 0;
  width: 100%;
  height: 22px;
  background-image: url('images/Block-h.png');
}

.Block-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 11px;
  left: 0;
  width: 11px;
  bottom: 11px;
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 22px;
  height: 100%;
  background-image: url('images/Block-v.png');
}

.Block-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 11px;
  right: 0;
  width: 11px;
  bottom: 11px;
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -11px;
  width: 22px;
  height: 100%;
  background-image: url('images/Block-v.png');
}

.Block-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
  background-image: url('images/Block-c.png');
}


.Block
{
  margin: 10px;
}

.Block table.table
{
  border-collapse: collapse;
  margin: 1px;
}

.Block table.table th, .Block table.table td
{
  padding: 2px;
}


.Block table.table td
{
  vertical-align: top;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 0px;

}

.BlockHeader-text
{
  white-space : nowrap;
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l
{
  left: 0;
  right: 4px;
}


.BlockHeader .r
{
  right: 0;
  width: 4px;
}


.BlockHeader .r div
{
  width: 890px;
  right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/BlockHeader.png');
}



.header-tag-icon
{
  display:inline-block;
  background-position:left top;
  background-image: url('images/BlockHeaderIcon.png');
  padding:0 0 0 22px;
  background-repeat: no-repeat;
  min-height: 18px;
  margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 10px;
}


.BlockContent-body
{
  color:#242424;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 125%;
}

.BlockContent-body a:link
{
  color: #893B1A;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  letter-spacing: 0px;
}

.BlockContent-body a:visited
{
  color: #C94545;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  letter-spacing: 0px;
}

.BlockContent-body a:hover
{
  color: #1A1A1A;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 0px;
}


.BlockContent-body ul
{
  list-style-type: none;
  color: #4A4A4A;
  margin:0;
  padding:0;
}

.BlockContent-body li
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 0px;
}

.BlockContent-body ul li
{
  padding:0px 0 0px 12px;
  background-image: url('images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Post-body
{
  position: relative;
  z-index: 0;
  margin: 12px;
}


.Post
{
  margin: 7px;
}


/* Start images */
a img
{
  border: 0;
}

img
{
  border-style: solid;
  border-width: 1px;
  border-color: #E19898;
}

img.metadata-icon
{
  border:none;
  vertical-align: middle;
}

/* Finish images */

/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
  text-decoration:none;
  margin: 0.2em 0;
  padding: 0;
  font-weight:normal;
  font-style:normal;
  letter-spacing:normal;
  word-spacing:normal;
  font-variant:normal;
  text-decoration:none;
  font-variant:normal;
  text-transform:none;
  text-align:left;
  text-indent:0;
  line-height:inherit;
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 10px;
  color: #7B2424;
}
/* end PostHeaderIcon */

/* begin PostHeader */
a.PostHeader:link
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px;
  text-align: left;
  color: #922A2A;
}

a.PostHeader:visited
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px;
  text-align: left;
  color: #474747;
}

a.PostHeader:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px;
  text-align: left;
  color: #1C1C1C;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  color: #262626
}

.PostContent
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  color: #262626
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #AE3232
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #AE3232
}

/* Adds special style to a visited link. */
a:visited
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #545454
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #1C1C1C
}
/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #2B0D0D;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #BC5224;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #707070;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  text-align: left;
  color: #262626;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 14px;
  text-align: left;
  color: #262626;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 14px;
  text-align: left;
  color: #262626;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
  list-style-type: none;
  color: #4F4F4F;
  margin:0;
  padding:0;
}

li
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 150%;
}



.Post ul li
{
  padding:0px 0 0px 16px;
  background-image: url('images/PostBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
  color:#180707;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 3px;
  line-height: 125%;
}

blockquote
{
  border:1px solid #E19898;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 41px;

  background-color:#F2D4D4;

  background-image:url('images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
  position:relative;
  display:inline-block;
  width: auto;
  outline:none;
  border:none;
  background:none;
  line-height:32px;
  height:32px;
  margin:0;
  padding:0;
  overflow: visible;
  cursor: default;
  text-decoration: none;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
  display:list-item;
  list-style-type:none;
  float:left;
}


.Button .btn
{
  position: relative;
  overflow: hidden;
  display: block;
  width: auto;
  z-index: 0;
  height: 32px;
  color: #672D14;
  white-space: nowrap;
  float: left;
}

.Button .t
{
  height: 32px;
  white-space: normal;
  padding: 0 19px;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 125%;
  text-align: left;
  line-height: 32px;
  text-decoration: none;
}

input, select
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 125%;
}

.Button .active
{
  color: #F5F5F5;
}

.Button .hover,  a.Button:hover
{
  color: #F9EBEB;
  text-decoration:none;
}

.Button .active .r
{
  top: -64px;
}

.Button .hover .r
{
  top: -32px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 13px;
  height: 96px;
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:423px;
  height: 96px;
}


.Button .active .l
{
  top: -64px;
}

.Button .hover .l
{
  top: -32px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 13px;
  height: 96px;
}


.Button .l, .Button .r span
{
  background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 890px;
  margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 15px;
  text-align: center;
}

.Footer .Footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('images/Footer.png');
  width: 890px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('images/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 25px;
  width: 25px;
}




.Footer .Footer-text p
{
  margin: 0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#121212;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  letter-spacing: 0px;
  line-height: 125%;
}

.Footer .Footer-text a:link
{
  text-decoration: none;
  color: #562510;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  letter-spacing: 1px;
}

.Footer .Footer-text a:visited
{
  text-decoration: none;
  color: #4D4D4D;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  letter-spacing: 0px;
}

.Footer .Footer-text a:hover
{
  text-decoration: none;
  color: #4F1717;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  text-decoration: underline;
  letter-spacing: 1px;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
  font-family:Arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#D96736;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#666666;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 177px;
}

.clear-float
{
  float:none;
  clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 535px;
}

.clear-float
{
  float:none;
  clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 177px;
}

.clear-float
{
  float:none;
  clear:both;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

.componentheading, table.moduletable th
{
font-size: 140%; padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block; padding: .7em 0em;
}

/*
.contentpaneopen td.contentheading
{
font-size: 130%; padding: .5em 0em;
}
*/

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate 
{
font-size: 75%; padding-bottom: 1em;
}

.article_column
{
padding-right: .2em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}
.pagination a
{
padding: 2px;
}


div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}
/*
.contentheading {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}
*/
.componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/*table.contentpaneopen h3 {
margin-top: 25px;
}*/

/* small text */
/*.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;

}*/

/*a.readon {
margin-top: 10px;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}*/

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f6f6f6;
}

.ol-background {
background-color: #666;
}

.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {

}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {
padding-right: 5px;
}

.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
border:none;
}

.clr {
clear: both;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator {
display: block;
height: 20px;
}

/* edit button */
.contentpaneopen_edit{
float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  /*padding: 4px;*/
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  /*padding: 3px;*/
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}

#leftcolumn div.module {
padding: 0 10px;
}

#leftcolumn div.module table {
width: auto;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login { text-align: left; }
form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#form-login ul li { background-image: none; padding: 0; }
#modlgn_username, #modlgn_passwd {width: 90%}
#form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;}
#form-login input

form#com-form-login { text-align: left; }
form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#com-form-login ul li { background-image: none; padding: 0; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #F7F7F7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder {
margin-top: 8px;
}


.pollstableborder td {
text-align: left;

}

/* WebLinks */
span.description {
display:block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
float:left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
padding: 2px 0;
}


« Ultima modifica: 06 Mar 2009, 00:46:32 da Guybrush79 »

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #1 il: 26 Feb 2009, 02:42:48 »
Ciao Guybrush79,
1) appena leggi questo messaggio pigia tante volte pageup,opppure scrolla in alto con il mouse, vai sul tuo messaggio e editalo: il codice che hai postato inseriscilo tra i tag [c_ode][/c_ode]  (senza underscore '_' ).Impariamo ad usare gli strumenti giusti :D
2) ovviamente ogni template ha le sue dimensioni e le sue caratteristiche. Se hai il sito online posta il link, perchè con il solo file del css è difficile capire dove operare.
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline milkplus

  • Appassionato
  • ***
  • Post: 357
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #2 il: 26 Feb 2009, 03:11:56 »
ogni template ha le sue posizioni..verifica che i moduli siano pubblicati nelle giuste posizioni.. inoltre dacci un link al sito.. e come dice blackhat666 edita questo messaggio altrimenti non si capisce un caiser :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #3 il: 26 Feb 2009, 14:52:35 »
Chiedo scusa per l'omissione del tag!  :P

Il sito è il seguente:

www.photowebgallery.it

Come vedete è tutto disallineato e nel Menù principale, News, Sondaggio ecc.. i punti erano tutti su una riga sola mentre ora lo spazio è poco e vanno tutti a capo.
Vorrei che tutto ritornasse allineato. Poi nell'header, al posto di quella barra rossiccia vorrei inserire una mia animazione flash.
Non riesco però purtroppo a capire cosa andare a modificare.

Un grazie a tutti per eventuali consigli e scusate ancora per il post un po' "affrettato".

Ciao
« Ultima modifica: 26 Feb 2009, 15:11:08 da Guybrush79 »

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #4 il: 26 Feb 2009, 21:35:01 »
Per il top menu, la prima cosa da modificare è la larghezza

Codice: [Seleziona]
.nav {style.css (riga 369)
height:41px;
margin:0 auto;
position:relative;
width:890px;  <--devi modificare qua
z-index:100;
}

per la parte centrale ti basta modificare qui

Codice: [Seleziona]
.contentLayout .content {style.css (riga 1650)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:635px; <---portalo a 635 dovrebbe andare bene
}

Per il footer modifica cosi
Codice: [Seleziona]
.Footer {style.css (riga 1516)
float:left;
margin-left:5%;
overflow:hidden;
position:relative;
width:890px;
z-index:0;
}

ed infine
Codice: [Seleziona]
.page-footer {style.css (riga 1621)
color:#666666;
margin:1em;
text-align:center;
text-decoration:none;
margin-left:40%;
}

dovrebbe andare tutto bene
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #5 il: 27 Feb 2009, 00:01:44 »
Intanto mille grazie per la celere risposta e per i consigli! Ho provato a modificare. Ora va molto meglio però c'è ancora qualcosina da sistemare che mi da qualche grattacapo!
Vorrei che le tabelle laterali (sia di destra che di sinistra siano leggermente più larghe in modo da leggersi bene il titolo e che i punti all'interno siano su una sola riga. Poi mi piaceva che la parte nera in alto fosse centrata. E ultima cosa: Sarebbe interessante che la tabella "Login" finisca alla stessa altezza della tabella Pubblicità e che possa mano a mano che aggiungo qualche link poterla abbassare in modo che siano sempre uniformi. Fatto questo dovrebbe essere tutto perfetto anche se mi piacerebbe che il tutto fosse più "largo". Ora come "width" ho impostato 1300 ma ho visto che più di così non si allarga!

Grazie di nuovo!

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #6 il: 27 Feb 2009, 13:09:43 »
Per la colonna di sinistra edita qua
Codice: [Seleziona]
.contentLayout .sidebar1 {style.css (riga 1632)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:177px; <--- modifica qui il valore
}

Per quella di destra qui

Codice: [Seleziona]
.contentLayout .sidebar2 {style.css (riga 1670)
border:0 none;
float:left;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:177px;  <---qui
}

Per centrare la barra su edita qua
Codice: [Seleziona]
.nav {style.css (riga 369)
height:41px;
margin:0 auto;
position:relative;
width:800px; <--porta a 800
z-index:100;
}

per la login nn ho capito benissimo cosa vuoi fare....tenere login e pubblicità alla stessa altezza significherebbe inserire qualcosa sopra pubblicità in modo da farlo scendere un po, oppure dargli un margin-top in modo da avere uno spazio bianco...ma mi sembra una cosa un po inutile. poi nn so, son gusti
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #7 il: 27 Feb 2009, 22:00:41 »
Grazie di nuovo BlackHat. Ora mi metto al lavoro per cercare di "centrare" il tutto.
Volevo chiederti: Esiste una guida o uno schema in cui viene spiegato in base alla posizione delle cose il corrispondente codice? Tipo la parte dei menù, la parte dell'header, la parte sinistra, quella destra ecc....
Sarebbe interessante la cosa in modo da familiarizzare col codice e avere molto margine di "personalizzazione".

Per quanto riguarda la parte del login mi sono reso conto in effetti che è una cosa inutile. Quindi ok così!  8)

Per il momento grazie e Buona serata.

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #8 il: 27 Feb 2009, 22:54:50 »
Ciao, io ti consiglio di installare firbug (plugin per firefox), e da li cominciare a capire come sono sisposti i vari div, che nomi hanno e cosi via. Credo sia il modo migliore ma anche piu facile. Ciau
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #9 il: 28 Feb 2009, 17:00:51 »
Gran bel consiglio! Grazie! Ottimo plugin!
Ti tengo aggiornato sugli sviluppo del nuovo template.

Grazie ancora!  ;D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #10 il: 28 Feb 2009, 17:15:00 »
Ti chiedo scusa e me ne approfitto per chiederti una cosa che non riesco a modificare:
Sempre nella mia homepage www.photowebgallery.it in basso a destra nella Tabella "Pubblicità" ci sono le varie righe "Link consigliati" e sotto tutto il resto.
E' tutto ammassato ma tramite Firbug riesco solo a trovare il modo di modificare tutto il testo in blocco.
A me servirebbe invece fare in modo che ci sia un po' di distaccamento per avere un qualcosa di più ordinato.
Per intenderci più o meno com'era nel vecchio template di cui ti allego un'immagine qua sotto:


Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #11 il: 28 Feb 2009, 20:14:36 »
Ciao, non riesco ad andare sul sito perchè è in manutenzione. Se ho capito bene dovresti dare un po di padding al div delle pubblicità. La differenza tra margin e padding sta proprio li. nel senso che : il margin opera al di fuori del div, mentre il padding opera all'interno. quindi per capirci meglio se usi il padding, il div rimane nella stessa posizione, ma tutto il contenuto del div, ad esempio il testo, si sposta a seconda di come lo imposti. Spero sia questo quello che cercavi.
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #12 il: 28 Feb 2009, 22:46:53 »
Ciao. Chiedo scusa, avevo il sito in manutenzione.
Dunque...grazie ai tuoi consigli ho capito come modificare le spaziature..però ho un problemino. Con Firebug sono entrato nel Layout della scritta che mi interessava modificando appunto il padding. Però li la modifica è solo visuale.
Come arrivo al codice HTML da modificare?

Intanto se dai un'occhiata al link del mio sito ora la scritta in basso a destra "Link consigliati" è staccata dall'elenco sottostante. Appena capisco come salvarla e renderla attiva stacco anche gli altri.  ???

Thanks!

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #13 il: 01 Mar 2009, 06:09:09 »
In che senso la modifica è solo visuale? cmq per sapere dove dover cambiare le cose, sempre con firebug, nella finestrella di destra (quella riguardo al css) affianco a ogni regola c'è il nome del file dove è definita la regola, ed anche la riga. quindi fai qualche prova modificando direttamente da firebug, nel momento in cui trovi come fare, vai nel file che come ho detto prima è indicato di fianco , sull'estrema destra, e modifichi del tutto. Ciau
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #14 il: 01 Mar 2009, 14:05:43 »
Ciao BlackHat. Ti allego un'immagine perchè a parole è difficile spiegare.  ;D
Se noti sulla parte destra nella tabella Pubblicità sul sito è tutto attaccato. Volevo fare in modo che almeno "Link Consigliati" fosse staccato dal resto.
Con Firebug (come da foto) ho cliccato su "Link Consigliati" ed ho selezionato Layout. Qua ho modificato i parametri in 157x24 così da avere il titolo "Link consigliati" staccato.
Da anteprima di Firebug lo vedo corretto ma non so dove andare a modificare poi il reale valore di layout nel codice CSS. Se passo alla visuale CSS non me lo da! Mi da solo il tipo di carattere, il colore e altro che non mi interessa.



Un'altra cosa non riesco a fare:
Se provi ad andare nella pagina: http://www.photowebgallery.it/index.php?option=com_content&view=article&id=52&Itemid=59

come vedi le scritte centrali con le date appaiono tutto "a capo" perchè c'è qualche linea di demarcazione che non permette di poter scrivere fino in fondo allo spazio bianco.
Anche con Firebug non sono riuscito a capire come allargare questo spazio!

Risolte queste due cose dovrei essere a posto!  ::)

Anzi..chiedo scusa se me ne sto approfittando un po'...ma "l'ignoranza" è una brutta bestia! E tu sei in gamba!  ;D


Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #15 il: 01 Mar 2009, 16:18:26 »
Allora per il primo problema inserisci in una posizione qualsiasi del css questo codice

Codice: [Seleziona]
.bannerheader {www.phot...allery.it (riga 10)
height:20px;  <-l'altezza la decidi tu
}

per il secondo problema prova a modificare qui

Codice: [Seleziona]
.contentLayout .content {style.css (riga 1651)
border:0 none;
float:left;
margin:0;
overflow:hidden; <--elimina
position:relative;
width:600px;
}

dopo averla eliminata, fatti un giro sul sito e controlla che nn crei problemi da altre parti.
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #16 il: 01 Mar 2009, 16:52:12 »
Ciao. Ho provato. Nel primo caso aggiungendo il codice purtroppo non succede nulla...

nel secondo caso invece eliminando la riga overflow:hidden non succede nulla. Si allarga lo spazio per le scritte modificando il width appena sotto però oltre a farmelo in quella pagina me lo fa anche nella homepage spostandomi i vari menù che ho sulla destra!
Bel grattacapo!

 ???

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #17 il: 01 Mar 2009, 19:38:42 »
hai provato ad aggiornare la pagina, a camiare il valore ed a pulire la cache? fai la modifica e lasciala, cosi posso controllare cosa hai scritto e se l'hai scritta bene. per la seconda parte il problema sta nel fatto che viene caricato il div contenente il menu di destra, anche se poi dentro non c'è nulla. l'unica cosa che mi viene in mente.....è di operare sull'index.php ma nn so di preciso come. magari aspettiamo che qualcuno più esperto si appassioni :D

anzi in realtà m'è venuta in mente una soluzione, ma nn credo sia la piu adatta. ossia creare un template uguale, ma senza il div di destra, dopo di che assegnare al link che mi hai postato di utilizzare il secondo template e non il primo...


aspeeeee :D scusa per i 3 edit del msg ma nel frattempo che scrivo cerco di risolvere. allora. ho capito meglio come solitamente fanno gli altri template...era una cosa che nn mi ero mai posto prima in realtà, e devo dirti grazie per avermelo fatto notare. prova questo metodo che sto per scrivere, se non funziona questo, ce ne sarebbe un altro ma si tratta di modificare parecchio il css, e ci vuole un po. prova inserendo prima e dopo il div

Codice: [Seleziona]
<div class="sidebar2"> </div>
questo codice qua

questo prima
Codice: [Seleziona]
<?php if ($this->countModules('right')): ?>
questo dopo
Codice: [Seleziona]
<?php endif; ?>
risultato finale dovrebbe essere qualcosa di questo tipo

Codice: [Seleziona]
<?php if ($this->countModules('right')): ?>
<div id="ja-col2">
<jdoc:include type="modules" name="right" style="jarounded" />
</div>
<?php endif; ?>

ovviamente dove sta 'right' devi mettere la posizione da te assegnata.guardala dal richiamo dentro il div "sidebar2". probabilmente sarà right. al posto di ja-col2 ci sarà appunto il tuo div, con il tuo richiamo. Il codice non dovrebbe fare altro che: conta i moduli presenti in right, se ce ne sono allora crea il div, altrimenti niente. ovviamente poi devi vedere come modificare la parte centrale, che nel tuo caso ha una dimensione fissa. spero di essere stato chiaro.
« Ultima modifica: 01 Mar 2009, 19:55:10 da .: BlackHat :. »
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Guybrush79

  • Appassionato
  • ***
  • Post: 246
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #18 il: 01 Mar 2009, 22:32:13 »
Ciao! Dunque...ho provato ma purtroppo non succede nulla!  ???

Ho pultio la cache ma non c'era nulla ed ho laciato la modifica nel codice. Sia quella di oggi pomeriggio sia quella attuale!
Comunque non tribuliamoci troppo. Di solito me la prendo per questione di principio ma in questo caso su certe cose per il momento non arrivo ancora e mi spiace farti tribulare!  ;)

Alla fine è solo un problema su quella pagina...che poi non è essenziale nel sito! Dato che il mio sito rappresenta una sorta di galleria fotografica dei miei scatti migliori raggruppati in una Coppermine Gallery (ora in manutenzione ma comunque finita e attiva) vorrei dar la possibilità ad un visitatore abituale del sito di poter vedere tramite questa pagina cosa è stato aggiunto di nuovo con la data vicino.
non ho trovato altro modo che una semplice pagina bianca con il tipo di aggiunta e un collegamento alla galleria.
E' poco elegante...anzi...fa proprio schifo...ma non so fare di meglio!  ;D

Per risolverla da "somaro" ci sono vari metodi: Rimpicciolire il carattere o abbreviare la scritta così che stia comunque su una riga! Tra l'altro lo stesso problema ce l'ho sulla pagine "scatti della settimana" dove ho inserito una Ozio Gallery con una piccola raccolta di foto presa a caso dalla galleria. Ma come vedi sotto "immagini casuali" sfora nel footer e lo sfondo della ozio gallery devo uniformarlo con quello dello sfondo, ma non riesco a trovare che codice è di colore!  :'(

C'è una cosa che avevo forse scritto nel post di oggi; mi piacerebbe capire come e dove si può andare a modificare il layout! Se io con Firebug sulla destra invece di selezionare "Stile" seleziono "Layout" mi da la possibilità di variare "bordo" "margine" e "offset". Spostando i valori mi muove tutto a mio piacimento...ma poi non riesco in alcun modo trovare come andarli a modificare nel codice!Me li fa vedere nel codice sulla sinistra sotto HTML ma poi se li voglio modificare dove vado? Non sono nel foglio Style.css!

Quest'ultima è una cosa che mi premerebbe sapere!

Grazie che stai prendendo a cuore il mio sito!  8) 8)



Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Cambio di Template e problemi di impaginazione
« Risposta #19 il: 02 Mar 2009, 04:31:13 »
si in realtà il vero strumento da utilizzare non è "layout" ma stile. li ti indica per bene quali regole ha il div che stai analizzando...e ti fa vedere anche il codice del css.

mi spiace per quel problema li....nn so proprio dove altro sbattere..
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

 

Host

Torna su