Back to top

Autore Topic: RISOLTO Aiuto nella crezione di una posizione modulo  (Letto 6958 volte)

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Salve,
ho seguito la guida per la creazione di una posizione modulo senza riuscire ad ottenere il risultato sperato spero che voi possiate aiutarmi.

Questo è il mio sito: http://www.hokutodestiny.com

Vorrei aggiungere una posizione modulo tra l'hornav e il breadcrumb come indico nell'img:



Uploaded with ImageShack.us

In pratica mi servirebbe un pò di spazio al di sotto del top menu per inserire del codice html (mantenendo la stessa larghezza)

Ho fatto diverse prove,credo che il problema sia relativo all'edit del css.


Supponendo di chiamare questa nuova posizione "impe" qualcuno potrebbe aiutarmi ad editare il template css? Grazie in anticipo a chi saprà aiutarmi.

Codice: [Seleziona]
/* CSS Document */

#content80 {float:right;width:623px;overflow:hidden;padding-right:45px; padding-left:0px;}
#content100 {float:right;width:90%;overflow:hidden;margin-right:42px; padding-left:0px;}

* {
}

#wrapper {width: 958px; height:auto; display:table; text-align:left; margin:0 auto;}
#content_wrapper {width: 958px; height:100%; padding-left: 0px; clear: both; background: url("../images/body_bg.png") repeat-y scroll 50% 0 transparent;}
#content_header {width: 958px; height:276px; }

br.ff_fix { clear: both; }

body {
background: #000000 url(../images/bg.jpg) 50% 0 repeat-x;
background-attachment:fixed;
background-color: #000000;
width: 100%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:normal;
color: #cccccc;
text-align:center;
margin:0;
padding:0;
}

#header {background:url(../images/header.png) 50% 0 no-repeat; width:958px; height:340px; overflow:hidden; float:left; margin-top:10px;}
.inside {padding:0px 10px 10px 0px;}
#top {border:0; padding:0px 0px 0px 0px ; width:958px; height:63px; float:right; margin-bottom:0px;}
#leftcol {float:left;width:256px;overflow:hidden;padding-top:0px; padding-left: 20px; border-right: 1px solid #363636; }
#base {height:1px; clear:both;}
#base_bg {background:url(../images/base_bg.png) 50% 0% no-repeat; text-align:center; height:28px; clear:both; }
.base_wrapper {height:200px; }
#banner {padding:0px; text-align:center; overflow:hidden; clear:both;}
#footer {text-align:center; clear:both; overflow:hidden; }

.maincontent {padding:0px 0px 0px 0px;}
.leftpadding {padding: 0px;}

#showcase {width:934px; float:left; margin:-8px 0px 0px 35px; padding: 0px 0px 0px 0px; overflow:hidden; color:#ffffff; position:relative;}
#showcase_overlay {
background:url("../images/showcase_overlay.png") repeat scroll 0 0 transparent;
position:absolute;
left:0px;
top:0;
width:958px;
z-index:5;
height:50px;
}   

/* Typography */
.contentpaneopen {width: 100%;}
#content80, #content100 {line-height:20px;}
a:link, a:visited {font-size: 12px; text-decoration: none;}
a:hover {color: #363636; text-decoration:underline;}
.category-name, .published, .hits, .createdby, .parent-category-name, .create, .modified {color:#aaaaaa; text-transform:none; font-size:0.8em; padding:0px 0px 0px 10px; }
.modifydate {padding:5px;}
#footer {color:#bfb4b4; font-size:0.7em;}
.star {color: #CC0000;}
H1
{
    COLOR:      #CC0000
}   
H5
{
    COLOR:      #f0e200
}
H6
{
    COLOR:      #f2fb63
}
A:link

   
    COLOR: #F7D83E;
    FONT-WEIGHT: 800
   
}

A:visited
{
 
   COLOR: #E6CC4E;
   FONT-WEIGHT: 800
}

A:hover
{
   
    COLOR: #E6BF00;
    TEXT-DECORATION: none;
    FONT-WEIGHT: 800
}
h1,.componentheading {font-size:1.7em; padding: 12px 0px 5px 0px;}
h2,.contentheading {font-size:1.5em;}
h4 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;font-weight:700;}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin:0.5em 0;}

h2, h2 a:link, h2 a:visited {
font-family: Arial,Helvetica,sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
font-size:24px;
font-weight:bold;
color: #fcf032;  width:990px; padding: 15px 0px 0px 0px; margin:0px;
}

h2 a:hover {text-decoration: underline;}

ol    {list-style: decimal outside; }

ul {margin: 0px;padding-left: 0px;list-style: none;}
li {line-height:17px; text-indent: 18px;padding-top: 0px;background-image: url(../images/arrow-1.png) ;background-repeat: no-repeat;background-position: 5px 6px;}
ul li ul {padding-left: 0px;}
.maincontent li {text-indent:0px; padding-left:18px; }

.article_column {padding:10px}
.article_row {padding:10px;}

td.buttonheading {width: 16px;}
li,dd {margin-left:1em;}
fieldset {padding:.5em;}

img {border:0px;}

/* Logo & Slogan */
p.site-slogan {margin-top:-7px; padding:0; position:relative; top:-20px; left:65px; color:#ffffff; font-size:14px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:1px; text-align:left; white-space:nowrap;}

/* PDF & Print Buttons */
.actions{
margin:0;
}

.actions li{
list-style: none;
background-image:none;
display:inline;
float:right;
border:0;
padding: 0px;
margin-top: -15px;
}


/* Breadcrumbs */
.breadcrumbs_bg {background: url(../images/shade.png); margin:0px 0px 0px 35px; width:888px;}
.breadcrumbs { padding:9px 20px 9px 5px;text-align: left; color: #f2cd10; overflow: hidden; clear:both; margin-bottom:8px;}
.breadcrumbs a {color:#f2cd10 !important; background-image:none !important;}

/* Module Styling */
.moduletable3 {margin:5px 10px 5px 0px; padding:5px;}
.moduletable3 p {vertical-align: top;}
.moduletable3 h3 {padding:4px 0px 2px 0px ; margin:0px 0px 3px 0px; font-size: 14px; border-bottom: 1px solid #363636; }
.moduletable3 h3 span.first-word {color: #edf838;}
h3 span.first-word {color: #f2fb63;}

.moduletable, .moduletable_menu, .moduletable_text {margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
.moduletable div {padding: 0px 0px 7px 0px;}
.moduletable ul li {margin-left:0px; list-style:none; background-image:none; }
.moduletable .module_content {margin: 0px 12px 0px 22px; }
.moduletable h3 span.first-word {color: #efd70a;}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
font-family:Arial,Helvetica,sans-serif;
margin: 0px 0px 0px 0px;
padding: 12px 30px 10px 25px;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #ffef62;
}

.moduletable ul.menu, .moduletable_menu ul.menu {list-style:none; width:220px; list-style:none; margin-left:-10px; padding: 2px 0px 2px 0px;}

.moduletable ul.menu a, .moduletable ul.menu a:link, .moduletable_menu ul.menu a {
background-image:url(../images/sidebutton.png); background-repeat: no-repeat; background-position: 0px 0px;
width:210px;
margin:0px 0px 2px 5px;
padding: 6px 0px 8px 15px;
height: auto;
display: block;
color: #ffffff;
font-weight:bold;
text-indent:0px;
}

.moduletable ul.menu li a:hover {color:#f2ff1c; text-decoration: none; background-image:url(../images/sidebutton_over.png);}
.moduletable td, .moduletable_menu td {padding: 3px 25px 0px 15px;}
.moduletable ul.menu li {text-indent:8px; padding-top: 0px; list-style:none; background-image:none;}
.moduletable ul.menu li li a, .moduletable ul.menu li li a:link {padding-left:20px; font-weight:normal; width:203px; color:#b2b5b6;}

.pollstableborder td {text-align: left;}

/* Container_4Module_Base */
.container_4module_base {width:900px; height:100%; margin:0 auto;}
.moduletablebase {width:224px; margin-top:5px; float:left; color:#ffffff;}
.moduletablebase h3 {padding:5px; text-transform:uppercase; letter-spacing:-1px; width:100%; color:#aaaaaa; background: url(../images/shade.png); margin-bottom:3px;}
.moduletablebase h3 span.first-word {color: #edf838;}
.moduletablebase .module {padding:0px 10px 20px 10px;}
.moduletablebase .module_content {margin-left:5px;}
.moduletablebase ul {margin-left:-10px;}
.moduletablebase ul li {background: url(../images/blank.png) !important; border-bottom:1px dotted #000000; margin:0px 0px 0px 10px; }
.moduletablebase a, .moduletablebase ul.menu a, .moduletablebase_menu ul.menu a, .moduletablebase ul.latestnews a, .moduletablebase ul.mostread a, .moduletablebase ul.mainlevel a {font-weight:normal; color:#bbbbbb; font-size:14px;}
.moduletablebase ul.menu li, .moduletablebase ul li, .moduletablebase ul.menu a, .moduletablebase_menu ul.menu a, .moduletablebase ul.latestnews a, .moduletablebase ul.mostread a, .moduletablebase ul.mainlevel a, .moduletablebase li  {display:block; padding: 7px; width:185px; text-indent:0px;}
.moduletablebase ul.menu li a:hover, .moduletablebase ul.latestnews li a:hover, .moduletablebase ul.mostread li a:hover, .moduletablebase ul.mainlevel a:hover {color:#243a51 !important;}

/* Hornav */
#hornav{clear:both; display:block; float:left; padding-left:50px; padding-top:9px;}
#hornav li{background-image:none !important}
#hornav .moduletable{margin:0;}
#hornav ul{margin:0;padding:0;width:auto;}
#hornav ul li{margin:0px 1px 0px 0px; padding:0px; float:left; position:relative; display:inline; text-indent:0px;}
#hornav ul li a{padding:13px 17px 2px 17px; height:31px; color:#e8de38; list-style:none; display:block; font-size:1em; font-family:'Nobile',arial,serif; text-shadow:1px 1px 1px #222222; text-transform:uppercase; font-weight:bold; text-shadow: 2px 2px 2px #000000;}
#hornav ul li a:hover, #hornav ul li.active a, #hornav ul li.focus a {text-decoration:none; background: url(../images/shade.png);}
#hornav ul li ul {
list-style: none;
display:block;
height:auto;
width: 13em;
position:absolute;
z-index:109;
left: -999em;
margin-top: 3px;
}
#hornav ul li li a, #hornav ul li li a:link, #hornav ul li li a:visited {background:#660c0e;}
#hornav ul li ul ul {margin: -27px 0 0 13em; }
#hornav ul li li {width:inherit}
#hornav ul li li a, #hornav ul li li a:link, #hornav ul li li a:visited {margin-top:0px; color:#f2fb63; text-transform:none; display:block; height:auto; width:13em; padding:5px 5px 5px 10px; font-size:12px; border:0px; text-indent:0px; }
#hornav ul li li a:hover{color:#f2ff1c;text-transform:none;display: block;}
#hornav ul li ul {left: -999em;}
#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul {left: -999em;}
#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul {left: auto;}
#hornav ul li li a:hover {color: #f2ff1c;}

.form-login {padding:1px; margin:1px; background:#cccccc;}

span.article_separator {

background:transparent url(http://www.hokutodestiny.com/images/separatorenew.png) left;
clear:both;
display:block;
height:120px;
width:600px;
}

.input {border: 0px;}

.readmore a {
background: url(../images/read.png);
border-color:#55595d #141517 #141517 #55595d;
border-style:solid;
border-width:1px;
font-weight:bold;
line-height: 35px;
margin:3px 0;
padding: 5px 10px;
vertical-align:middle;
}

.readmore a:link, .readmore a:visited {color:#ffffff; text-decoration:none;}
.readmore a:hover {text-decoration:underline;}


.item_separator {
border:1px solid #333333;
display:none;
margin:0 0;
}


#hornav ul li ul {margin-top: 0px;}


/* System Messages */
#system-message{margin:10px 0 20px 0;
padding: 0 !important;
background:#fff;
border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;background:#fff;padding:0 }
#system-message dd ul { color: #fce62d; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 3px solid #fce62d; border-bottom: 3px solid #fce62d;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #800513}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #fce62d; background: #800513 ; border-top: 3px solid #fce62d; border-bottom: 3px solid #fce62d;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #fce62d; background: #800513; border-top: 3px solid #fce62d; border-bottom: 3px solid #fce62d;}

/* Buttons */
.button {
background: url(../images/read.png);
border-color:#55595d #141517 #141517 #55595d;
border-style:solid;
border-width:1px;
font-weight:bold;
line-height: 30px;
margin:0px 0px 0px 8px;
padding: 2px 4px;
vertical-align:middle;
color:#ffffff;
}

/* Search */
#header .search {
float:right;
margin:0px 12px 0px 0px;
padding:1px 0 0;
text-align:right !important;
}

#header .search .inputbox {
background:url("../images/search_bg.png") no-repeat scroll left top transparent;
border:medium none;
color:#ffffff;
font:14px Arial,Helvetica,sans-serif;
height:19px;
margin:4px 7px 0px 0px;
padding:4px 5px 7px 30px;
width:195px;
}

form .search label {display: none;}

/* Login Form */
#form-login, #form-login-username label, #form-login, #form-login-password label {display:block;}
fieldset {border:0px;}

.login-fields {margin: 10px 0;}
.login-fields label {float:left; width:9em; padding:0px;}
.contact .inputbox, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input {border:1px solid #CCCCCC; padding:3px; margin:5px;}
#login-form .inputbox, .registration input, .profile-edit input, #login-form .inputbox, .contact .inputbox, .login-fields input, .remind input, .reset input {-moz-border-radius: 5px 5px 5px 5px;}

.categories-list ul li {list-style-type: none; background-image:none;color:#ffffff}
.image-left {float:left; margin:0 15px 5px 0;}
.image-right{float:right; margin:0 0 5px 15px}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:5px
}

/* START STYLING AND LAYOUT FOR (MENU ITEM -- CATEGORY BLOG) */
/*leading article styling*/
.items-leading{margin: 0px 0px 30px 0px;}
.items-leading h2{font-size: 22px; line-height:26px; font-style: normal;}
.items-leading h2 a, .items-leading h2 a:hover, .items-leading h2 a:active, .items-leading h2 a:link{text-decoration:none;}

/*styling for each row which contains columns*/
.items-row h2, .cols-2 h2, .row-0 h2{font-size: 22px; line-height:26px; font-style: normal;}
.items-row a, .cols-2 a, .row-0 h2 a, .items-row a:hover, .cols-2 a:hover, .row-0 h2 a:hover, .items-row a:active, .cols-2 a:active, .row-0 h2 a:active, .items-row a:link, .cols-2 a:link, .row-0 h2 a:link{text-decoration:none;}

/*category blog layout*/
.items-row{overflow:hidden; margin-bottom:10px !important;}
.column-1, .column-2, .column-3, .column-4{padding:0;}

/* 1 column layout */
.cols-1{display: block; float: none !important; margin: 0 !important;}

/* 2 column layout */
.cols-2 .column-1{width:48%; float:left;}
.cols-2 .column-2{width:48%;float:right;}

/* 3 column layout */
.cols-3 .column-1{float:left; width:31%; padding:0px; margin-right:3.5%;}
.cols-3 .column-2{float:left; width:31%; margin-left:0; padding:0px;}
.cols-3 .column-3{float:right; width:31%; padding:0px; margin-left:3%;}

/* 4 column layout */
.cols-4 .column-1{width:23%;float:left;}
.cols-4 .column-2{width:23%; margin-left:2.5%; float:right;}
.cols-4 .column-3{width:23%; margin-left:2.5%; float:right;}
.cols-4 .column-4{width:23%; margin-left:2.5%; float:left;}

.blog-more{padding:10px 5px;}

/* START STYLING FOR (MENU ITEM -- MORE ARTICLES) CLASS .ITEMS-MORE) */
.items-more{padding-top:10px; list-style-image:none;}
.items-more h3{font-weight:normal; margin:0; padding:5px 5px 5px 5px; font-size:1.4em; }
.items-more ol{line-height:1.3em; list-style-type:none; margin:0; padding:10px 0 10px 2px;}
.items-more ol li{padding:2px;}
.items-more ol li a{display:inline; margin:0; font-weight:normal; padding:5px 5px 5px 15px; }
.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 15px;}

/*----------------------------------------START STYLING FOR PAGINATION CLASSES (.PAGINATION)-----------------------------------------------*/
.pagination{margin:10px 0; padding:10px 0 10px 0px;}
.pagination ul{list-style-type:none; margin:0; padding:0; text-align:left;}
.pagination li{display:inline; padding:2px 5px; text-align:left; border:solid 0px #eee; margin:0 2px;}
.pagenav{padding:2px}
.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev{border:0}
.pagination li.pagination-start, .pagination li.pagination-start  span{padding:0;}
p.counter{font-weight:bold;}

/* Category Table Styling */
table.category th a img{padding:2px 10px;}
.filter-search{float:left;}
.filter-search .inputbox{width:6em;}
legend.element-invisible{position:absolute; /* need margin top and left doesn't work for the legend element */ margin-left:-3000px; margin-top:-3000px; height:0px;}
.cat-items {margin-top:20px;}
td.list-title, td.createdby, td.list-hits{border:none;}

/* Start Tables Styling */
table{border:none;}
table.weblinks, table.category{font-size:1em; margin:10px 10px 20px 0px; width:99%;}
table.weblinks td{ border-collapse:collapse;}
table.weblinks td, table.category td{padding:7px;}
table.weblinks th, table.category th{padding:7px; text-align:left;}
td.num{vertical-align:top; text-align:left;}
td.hits{vertical-align:top; text-align:center;}
td p{margin:0; line-height:1.3em;}
.filter{margin:10px 0px;}
.display-limit,.filter{text-align:right; margin-right:7px;}
tr.even, .cat-list-row0{background-color:#1C1E22;}/*-- USE THIS TO STYLE EVERY SECOND ROW IN THE CATEGORY TABLE --*/
tr.odd, .cat-list-row1{background-color:#101113;}/*-- USE THIS TO STYLE EVERY SECOND ROW IN THE CATEGORY TABLE --*/
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th{background:#101113; border:1px solid #292929;}
table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {color:#fff;}
table.category th a img {border:solid 0px ;}

/* for opera */
tr, td{border:none;}
#main table.moduletable td, #main table.moduletable tr {border:0;}
fieldset.filters {border:solid 0px #ddd;}


/* END STYLING FOR (MENU ITEM -- CATEGORY LIST) AND CATEGORY TABLE AND TABLES */
/* START STYLING FOR(MENU ITEM TYPE -- LIST ALL CATEGORIES) */
.categories-listalphabet ul{padding:0; margin:20px 10px 10px 0; list-style-type:none; list-style-position:inside;}
.categories-listalphabet ul li{display :inline; padding:5px; border-right:solid 1px #ddd;}
.categories-list ul{list-style-type:none; list-style-image:none; margin:0; padding:0;}
.categories-list ul ul{margin:15px; padding:0;}
.cat-children{padding-left:5px;}
.cat-children ul dl dt, .cat-children ul dl dd, dl.article-count dt, dl.article-count dd{display:inline;}
.cat-children ul{list-style-type:none; list-style-image:none; margin:0; padding:0;}
.cat-children ul{margin:10px 10px 10px 10px;}
.cat-children ul ul{margin:20px;}
.cat-children ul li{margin:10px 0 10px 0;}

.categories-module, .category-module{margin: 10px 0 10px 0; padding: 0 0 0 20px;}/*layout for list of categories in Article Categories Module and Article Category in Article Category Module*/

.cat-children ul dl dt, .cat-children ul dl dd, dl.article-count dt, dl.article-count dd {margin: 0px 2px; display: inline;}

/* START STYLING FOR (MENU ITEM -- LIST ALL CONTACT CATEGORIES, LIST CONTACTS IN A CATEGORY, SINGLE CONTACT, FEATURED CONTACT) */
/* Start Styling for Contact - Slider */
#contact-slider{margin-top: 20px;}
#contact-slider .pane-toggler-down, #contact-slider .pane-toggler{ margin-bottom:1px; margin-top:0px; padding:5px; background-color:#101113; border:solid 1px  #171717;}
#contact-slider a, #contact-slider h3{text-decoration:none; font-size:14px; border:none;}
#contact-slider .contact-form, #contact-slider .contact-image, #contact-slider .contact-miscinfo{margin:10px 0px;}
#contact-slider .pane-slider{background-color:#0C0D0F; padding: 0px 10px; border:solid 1px  #171717;}

/* Single Contact Form H3 header */
.contact h3{ margin-bottom:20px; margin-top:20px; padding:5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #333333;}


/* PageNav*/
.pagination li {background-image:none;}
ul.pagenav{list-style-type:none; padding:0; overflow:hidden;}
ul.pagenav li{display:inline-block; padding:0px; margin:0; background-image:none;}
ul.pagenav li{line-height:2em;}
ul.pagenav li a{background-color:#101113; border: 1px solid #333333; color:#FFFFFF; display:inline; padding: 2px 6px; text-decoration:none;}
ul.pagenav li.pagenav-prev{float:left;}
ul.pagenav li.pagenav-next {float:right;}

/* mod_languages */
.mod-languages ul li {}

/* mod stats  */
.stats-module dl {margin:10px 0 10px 0}
.stats-module dt {float:left; margin:0 10px 0 0; font-weight: bold;}
.stats-module dt,   .stats-module dd {padding:2px 0 2px 0 }

/* misc  */
ul#archive-items li {list-style:none; padding:0px; margin:0px; background-image:none;}

#mailto-window {background:#f5f5f5; padding:15px; border:solid 1px #ddd; position:relative}
#mailto-window label{width:10em}
.mailto-close{position:absolute; right:0; top:5px; background:none; }
.mailto-close a {background:#f5f5f5 url(../images/close.png) no-repeat !important;min-width:25px; display:block;min-height:25px;overflow:visible}
.mailto-close a  span{position:absolute; left:-3000px; top:-3000px; display:inline}
#mailto-window  .inputbox{background:url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF; border:1px solid #ccc; padding:3px;}
#mailto-window p{margin-top:20px}
#mailto-window button{margin:0 5px 0 0}
.clr{clear:both;}     

body.contentpane {background: none repeat scroll 0 0 #FFFFFF;}
body.contentpane {margin: 10px; text-align: left;width: auto;}

/* Edit */
legend {padding:3px 5px;}
.edit form#adminForm legend {font-weight:bold}
.edit form#adminForm fieldset{padding:20px 15px; margin:10px 0 15px 0; border:1px solid #363636}

.formelm{margin:5px 0}
.formelm label{width:13em; display:inline-block; vertical-align:top;}
form#adminForm .formelm-area{padding:5px 0}
form#adminForm .formelm-area label {vertical-align:top; display:inline-block; width:7.9em}
form#adminForm{border:solid 0px #000}
.formelm-buttons{text-align:right; margin-bottom:10px}
form.editor fieldset{border:solid 1px #ccc;}

a.modal-button, .button2-left .blank a, .button2-left a, .button2-left div.readmore a {background:#eee; padding:4px !important; margin:0 !important; line-height:1.2em; border:solid 1px #ddd; font-weight:bold; text-decoration:none; margin-top:10px !important}

.contentpaneopen_edit img {border:0}
#editor-xtd-buttons {padding: 0px;}
.button2-left, .button2-right, .button2-left div, .button2-right div {float: left;}
.button2-left a, .button2-right a, .button2-left span, .button2-right span {display: block; float: left; color: #666; cursor: pointer;}
.button2-left span, .button2-right span {cursor: default; color: #999;}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {padding: 0 6px;}
.button2-left a:hover,.button2-right a:hover {text-decoration: none; color: #0B55C4;}
.button2-left a,.button2-left span {padding: 0 24px 0 6px;}
.button2-right a, .button2-right span {padding: 0 6px 0 24px;}
.button2-left, .button2-right {float: left; margin-left: 5px;}
« Ultima modifica: 16 Dic 2011, 23:19:16 da tonicopi »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #1 il: 14 Dic 2011, 10:45:48 »
Metticelo però il div  con dentro la posizione modulo e pubblica un modulo che allora vediamo...
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #2 il: 14 Dic 2011, 11:13:19 »
Grazie mille per la risposta toni :)

Ho inserito il modulo come hai chiesto, è quella zona senza sfondo in cui compare la scritta work in progress...

http://www.hokutodestiny.com/vhs/ken-il-guerriero-vhs-la-leggenda-di-nanto.html

Ho inserito nel file templateDetails.xml questo codice:

Codice: [Seleziona]
<position>impe</position>

E nell'index.php questo:
Codice: [Seleziona]
<?php if($this->countModules('impe')) : ?>
<div id="impe">[br /]<jdoc:include type="modules" name="impe" style="xhtml" />
</div>
« Ultima modifica: 14 Dic 2011, 11:18:20 da Impe »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #3 il: 14 Dic 2011, 14:20:10 »
Allora se lo vuoi vedere con la formattazione del tuo sito o lo metti dentro il topo o nel content, intanto...  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #4 il: 14 Dic 2011, 14:45:58 »
Mi spiegheresti come fare? ^^

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #5 il: 14 Dic 2011, 18:45:42 »
Ma se hai inserito il codice per la posizione modulo nella index.php dovresti farcela.
Basta incollarlo immediatamente sopra la prima chiusura di div che trovi  ;)

<div id"top">
tanto altro code
Codice: [Seleziona]
<?php if($this->countModules('impe')) : ?>
<div id="impe">[br /]<jdoc:include type="modules" name="impe" style="xhtml" />
</div>
</div>
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #6 il: 14 Dic 2011, 19:43:45 »
Ti allego il mio index.php ho inserito quel codice tra hornav e showcase...probabilmente sbaglio qualcosa:

Codice: [Seleziona]
<?php
defined
('_JEXEC') or die;
JPlugin::loadLanguage'tpl_SG1' );
$app JFactory::getApplication();
JHTML::_('behavior.mootools');
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language?>" dir="<?php echo $this->direction?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorStyle'); ?>.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_nebulous/css/template.css" type="text/css" media="screen,projection" />

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/UvumiDropdown.js"></script>
<script type="text/javascript">
    var menu = new UvumiDropdown('moomenu');
</script>

</head>

<!--[if IE 7]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_nebulous/css/ie7.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.addEvent('domready', function(){
   var menu_li_els = document.getElementById('hornav').firstChild.childNodes;
   for(var i=0;i<menu_li_els.length; i++) {
      menu_li_els[i].insertBefore(document.createElement('div'), menu_li_els[i].lastChild);
   }
});
</script>
<![endif]-->

<!--[if IE 6]>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/fix-png-ie6.js"></script>
<script type="text/javascript" >
    DD_belatedPNG.fix('.png, img.png, #header, #base_bg');
</script>
<script type="text/javascript">
window.addEvent('domready', function(){
   var menu_li_els = document.getElementById('hornav').firstChild.childNodes;
   for(var i=0;i<menu_li_els.length; i++) {
      menu_li_els[i].insertBefore(document.createElement('div'), menu_li_els[i].lastChild);
   }
});
</script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_awaken/css/ie6.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/ie6/warning.js"></script><script>window.onload=function(){e("<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/ie6/")}</script>
<![endif]-->

<?php
if($this->countModules('left') == 0$contentwidth "100";
if(
$this->countModules('left') >= 1$contentwidth "80";
?>


<body>
<div id="body_bg">
<div id="wrapper">

<div id="header">

    <div class="search">
      <jdoc:include type="modules" name="search" />
    </div>

 <div class="logo_container">       
    <?php if($this->params->get('logoType') == 'image') : ?>
    <h1 class="logo"> <a href="index.php" title="<?php echo $siteName?>"><span>
      <?php echo $siteName?>
      </span></a> </h1>
        <?php else : ?>
           
    <h1 class="logo-text"> <a href="index.php" title="<?php echo $this->params->get('siteName'); ?>"><span>
      <?php echo $this->params->get('logoText'); ?>
      </span></a> </h1>
        <p class="site-slogan"><?php echo $this->params->get('sloganText'); ?></p>
    <?php endif; ?>
</div>
</div>

<div id="top">
        <div id="hornav">
      <jdoc:include type="modules" name="hornav" />
    </div>
</div>
<?php if($this->countModules('impe')) : ?>
<div id="impe"><br /><jdoc:include type="modules" name="impe" style="xhtml" />
</div>
<?php endif; ?>



<div id="content_wrapper">
<?php if ($this->countModules'showcase' )) : ?>
<div id="showcase">
<div id="showcase_overlay"></div>
    <jdoc:include type="modules" name="showcase" style="none" />
</div>
<?php endif; ?>

<div id="content_header">
<?php if ($this->countModules'breadcrumb' )) : ?>
<div class="breadcrumbs_bg">

    <jdoc:include type="module" name="breadcrumbs" style="none" />
</div>
<?php endif; ?>

<?php if ($this->countModules'left' )) : ?>
<div id="leftcol">
<div class="leftpadding">
    <div class="moduletable">
      <jdoc:include type="modules" name="left" style="j51_module" />
    </div>
    </div>
</div>
<?php endif; ?>
 
  <div id="content<?php echo $contentwidth?>">
   
<div class="inside">
   
<?php if ($this->countModules'user1 or user2' )) : ?>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

  <?php if ($this->countModules'user1' )) : ?>
    <td valign="top">   
    <div class="moduletable3">
      <jdoc:include type="modules" name="user1" style="j51_module" />
    </div></td>
    <?php endif; ?>
    <?php if ($this->countModules'user2' )) : ?>
    <td valign="top">       
    <div class="moduletable3">
      <jdoc:include type="modules" name="user2" style="j51_module" />
    </div>
    </td>
    <?php endif; ?>

  </tr>
</table>
   
    <?php endif; ?>
   
    <div class="maincontent">
        <div class="message">
            <?php if ($this->getBuffer'message' )) : ?>
             <jdoc:include type="message" />
            <?php endif; ?>
        </div>
      <jdoc:include type="component" />
      </div> 
     
    <?php if ($this->countModules'user3 or user4' )) : ?>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

  <?php if ($this->countModules'user3' )) : ?>
    <td valign="top">   
    <div class="moduletable3">
      <jdoc:include type="modules" name="user3" style="j51_module" />
    </div></td>
    <?php endif; ?>
    <?php if ($this->countModules'user4' )) : ?>
    <td valign="top">       
    <div class="moduletable3">
      <jdoc:include type="modules" name="user4" style="j51_module" />
    </div>
    </td>
    <?php endif; ?>

  </tr>
</table>
   
    <?php endif; ?>

</div>
</div>
</div>
<div id="base">&nbsp;</div>

</div>
<div id="base_bg">&nbsp;</div>


<div class="container_4module_base">
    <?php if ($this->countModules'user5' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user5" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user6' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user6" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user7' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user7" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user8' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user8" style="j51_module" />
    </div>
    <?php endif; ?>
</div>

</div>

<?php if ($this->countModules'banner' )) : ?>
    <div id="banner">
    <div class="inside">
      <jdoc:include type="modules" name="banner" style="none" />
    </div>
  </div>
<?php endif; ?>

  <div id="footer">
    <div class="inside">
      <jdoc:include type="modules" name="footer" style="none" />
         
      <p>
        <?php echo $this->params->get('footer'); ?>
      </p>
      <p align="center">
        <!-- Histats.com  START  (standard)-->
        <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
        <a href="http://www.histats.com" target="_blank" title="histats.com - statistiche web" >
        <script  type="text/javascript" >
try {Histats.start(1,1031012,4,1037,150,25,"00000010");
Histats.track_hits();} catch(err){};
</script>
        </a> <noscript><a href="http://www.histats.com" target="_blank"><img  src="http://sstatic1.histats.com/0.gif?1031012&101" alt="histats.com - statistiche web" border="0"></a></noscript>
        <!-- Histats.com  END  -->
      </p>
    </div>
  </div>       
<!--end of wrap-->
</div></body>
</html>

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #7 il: 14 Dic 2011, 22:05:20 »
Devi inserirlo così:
Codice: [Seleziona]
<?php
defined
('_JEXEC') or die;
JPlugin::loadLanguage'tpl_SG1' );
$app JFactory::getApplication();
JHTML::_('behavior.mootools');
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language?>" dir="<?php echo $this->direction?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorStyle'); ?>.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_nebulous/css/template.css" type="text/css" media="screen,projection" />

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/UvumiDropdown.js"></script>
<script type="text/javascript">
    var menu = new UvumiDropdown('moomenu');
</script>

</head>

<!--[if IE 7]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_nebulous/css/ie7.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.addEvent('domready', function(){
   var menu_li_els = document.getElementById('hornav').firstChild.childNodes;
   for(var i=0;i<menu_li_els.length; i++) {
      menu_li_els[i].insertBefore(document.createElement('div'), menu_li_els[i].lastChild);
   }
});
</script>
<![endif]-->

<!--[if IE 6]>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/fix-png-ie6.js"></script>
<script type="text/javascript" >
    DD_belatedPNG.fix('.png, img.png, #header, #base_bg');
</script>
<script type="text/javascript">
window.addEvent('domready', function(){
   var menu_li_els = document.getElementById('hornav').firstChild.childNodes;
   for(var i=0;i<menu_li_els.length; i++) {
      menu_li_els[i].insertBefore(document.createElement('div'), menu_li_els[i].lastChild);
   }
});
</script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/j51_awaken/css/ie6.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/ie6/warning.js"></script><script>window.onload=function(){e("<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/ie6/")}</script>
<![endif]-->

<?php
if($this->countModules('left') == 0$contentwidth "100";
if(
$this->countModules('left') >= 1$contentwidth "80";
?>


<body>
<div id="body_bg">
<div id="wrapper">

<div id="header">

    <div class="search">
      <jdoc:include type="modules" name="search" />
    </div>

 <div class="logo_container">       
    <?php if($this->params->get('logoType') == 'image') : ?>
    <h1 class="logo"> <a href="index.php" title="<?php echo $siteName?>"><span>
      <?php echo $siteName?>
      </span></a> </h1>
        <?php else : ?>
           
    <h1 class="logo-text"> <a href="index.php" title="<?php echo $this->params->get('siteName'); ?>"><span>
      <?php echo $this->params->get('logoText'); ?>
      </span></a> </h1>
        <p class="site-slogan"><?php echo $this->params->get('sloganText'); ?></p>
    <?php endif; ?>
</div>
</div>

<div id="top">
        <div id="hornav">
      <jdoc:include type="modules" name="hornav" />
    </div>
<?php if($this->countModules('impe')) : ?>
<div id="impe"><br /><jdoc:include type="modules" name="impe" style="xhtml" />
</div>
<?php endif; ?>
</div>



<div id="content_wrapper">
<?php if ($this->countModules'showcase' )) : ?>
<div id="showcase">
<div id="showcase_overlay"></div>
    <jdoc:include type="modules" name="showcase" style="none" />
</div>
<?php endif; ?>

<div id="content_header">
<?php if ($this->countModules'breadcrumb' )) : ?>
<div class="breadcrumbs_bg">

    <jdoc:include type="module" name="breadcrumbs" style="none" />
</div>
<?php endif; ?>

<?php if ($this->countModules'left' )) : ?>
<div id="leftcol">
<div class="leftpadding">
    <div class="moduletable">
      <jdoc:include type="modules" name="left" style="j51_module" />
    </div>
    </div>
</div>
<?php endif; ?>
 
  <div id="content<?php echo $contentwidth?>">
   
<div class="inside">
   
<?php if ($this->countModules'user1 or user2' )) : ?>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

  <?php if ($this->countModules'user1' )) : ?>
    <td valign="top">   
    <div class="moduletable3">
      <jdoc:include type="modules" name="user1" style="j51_module" />
    </div></td>
    <?php endif; ?>
    <?php if ($this->countModules'user2' )) : ?>
    <td valign="top">       
    <div class="moduletable3">
      <jdoc:include type="modules" name="user2" style="j51_module" />
    </div>
    </td>
    <?php endif; ?>

  </tr>
</table>
   
    <?php endif; ?>
   
    <div class="maincontent">
        <div class="message">
            <?php if ($this->getBuffer'message' )) : ?>
             <jdoc:include type="message" />
            <?php endif; ?>
        </div>
      <jdoc:include type="component" />
      </div> 
     
    <?php if ($this->countModules'user3 or user4' )) : ?>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

  <?php if ($this->countModules'user3' )) : ?>
    <td valign="top">   
    <div class="moduletable3">
      <jdoc:include type="modules" name="user3" style="j51_module" />
    </div></td>
    <?php endif; ?>
    <?php if ($this->countModules'user4' )) : ?>
    <td valign="top">       
    <div class="moduletable3">
      <jdoc:include type="modules" name="user4" style="j51_module" />
    </div>
    </td>
    <?php endif; ?>

  </tr>
</table>
   
    <?php endif; ?>

</div>
</div>
</div>
<div id="base">&nbsp;</div>

</div>
<div id="base_bg">&nbsp;</div>


<div class="container_4module_base">
    <?php if ($this->countModules'user5' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user5" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user6' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user6" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user7' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user7" style="j51_module" />
    </div>
    <?php endif; ?>
    <?php if ($this->countModules'user8' )) : ?>
    <div class="moduletablebase">
      <jdoc:include type="modules" name="user8" style="j51_module" />
    </div>
    <?php endif; ?>
</div>

</div>

<?php if ($this->countModules'banner' )) : ?>
    <div id="banner">
    <div class="inside">
      <jdoc:include type="modules" name="banner" style="none" />
    </div>
  </div>
<?php endif; ?>

  <div id="footer">
    <div class="inside">
      <jdoc:include type="modules" name="footer" style="none" />
         
      <p>
        <?php echo $this->params->get('footer'); ?>
      </p>
      <p align="center">
        <!-- Histats.com  START  (standard)-->
        <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
        <a href="http://www.histats.com" target="_blank" title="histats.com - statistiche web" >
        <script  type="text/javascript" >
try {Histats.start(1,1031012,4,1037,150,25,"00000010");
Histats.track_hits();} catch(err){};
</script>
        </a> <noscript><a href="http://www.histats.com" target="_blank"><img  src="http://sstatic1.histats.com/0.gif?1031012&101" alt="histats.com - statistiche web" border="0"></a></noscript>
        <!-- Histats.com  END  -->
      </p>
    </div>
  </div>       
<!--end of wrap-->
</div></body>
</html>
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #8 il: 14 Dic 2011, 23:01:33 »
Grande ora pare funzionare :)

http://www.hokutodestiny.com/vhs/ken-il-guerriero-vhs-la-leggenda-di-nanto.html

Un' ultima cosa...come faccio a settare l'altezza di questa nuova posizione modulo?
Che codice devo inserire nel css?

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #9 il: 15 Dic 2011, 20:59:36 »
piccolo up :)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #10 il: 15 Dic 2011, 22:00:54 »
Per prima cosa devi dare il float left per fare andare sotto la nuova posizione creando questa regola:
Codice: [Seleziona]
#impe {
float:left;
}
Poi devi fargli spazio aumentando l'altezza del top che lo contiene in :
Codice: [Seleziona]
#top {    border: 0 none;    float: right;    height: 63px;    margin-bottom: 0;    padding: 0;    width: 958px;}
#top {    background: url("../images/style1/hornav_bg.png") repeat-x scroll 50% 0 transparent;}
e aumentare anche l'altezza di questa immagine:
http://www.hokutodestiny.com/templates/j51_nebulous/images/style1/hornav_bg.png
Per esempio se decidi di dare 40px di spazio in altezza al nuovo modulo dovrai aumentare da 63 a 103 i px del top e anche l'altezza dell'immagine.
Oppure creare una nuova immagine di 40px di altezza che faccia da sfondo al nuovo div  #impe
Farei prima a farlo che  a spiegarlo   :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Impe

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
Re:Aiuto nella crezione di una posizione modulo
« Risposta #11 il: 16 Dic 2011, 17:14:47 »
GRAZIE MILLE TONI!!
Grazie alla tua paziente (e sapiente) guida finalmente ci sono riuscito.
GRAZIE ANCORA :)

 



Web Design Bolzano Kreatif