Back to top

Autore Topic: Trasformazione tw_freshpick  (Letto 3024 volte)

Offline albertosan

  • Esploratore
  • **
  • Post: 51
    • Mostra profilo
Trasformazione tw_freshpick
« il: 02 Ago 2010, 15:43:53 »
Salve
Avrei necessità di apportare alcune modifiche al template tw_freshpick. Sono poco pratico e non so dove battere la testa.
Vedere anteprima test www.nordestone.com/web

Le modifiche che vorrei apportare sono le seguenti:
-Fare in modo che gli articoli e tutti i futuri moduli siano visualizzati sopra il TopMenu (dopo averlo opportunamente portato più in basso) il quale deve mantenere l'attuale grafica
-Eliminare le linee tratteggiate grigio chiaro che sono presenti

Grazie
Albertosan

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #1 il: 02 Ago 2010, 16:02:11 »

Le modifiche che vorrei apportare sono le seguenti:
-Fare in modo che gli articoli e tutti i futuri moduli siano visualizzati sopra il TopMenu (dopo averlo opportunamente portato più in basso) il quale deve mantenere l'attuale grafica

vediamo di capire bene, vorresti che il top menu si spostasse in basso? tipo footer?
puoi provare a fare una cosa innanzitutto, verificare se esiste nel tuo template una posizione di quel tipo e poi spostare il modulo.
quando vai in estensioni ->modifica template-> scegli il tuo template -> in alto a destra ->anteprima

li vedi le tue posizioni

a questo punto se esite puoi spostare direttamente le posizione del modulo in gestione moduli
altrimenti dovresti probabilmente crearla
se nn sai come c'e' un articolo nel wiki, vai in guide e cerchi creare nuova posizione :)

-Eliminare le linee tratteggiate grigio chiaro che sono presenti

per le righine
dovresti cercare nel tuo css il seguente background, presente in un tot di regola e toglierla

background:url("../images/dots.gif") repeat-x scroll center top transparent;

Offline albertosan

  • Esploratore
  • **
  • Post: 51
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #2 il: 02 Ago 2010, 16:16:45 »
Ciao ellezero
Se vado a spostare il TopMenu dalla sua posizione mi cambia formattazione e diventa come puoi vedere sul sito...

Per il tratteggio invece ti inserisco il CSS del templates perchè ho un po' di difficoltà a trovare ciò che tu mi indichi

Codice: [Seleziona]
/*
// "Freshpick" Template for Joomla! 1.5.x - Version: 1.0
// Designed by Styleshout (www.styleshout.com) & developed for Joomla! by TemplateWorks
// Copyright (c) 2008 - 2009 TemplateWorks. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.templateworks.net
// *** Last update: July 14th, 2009 ***
*/

/* (typography) */
body { padding:0; margin:0; text-align:left; font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#555; background:#fff; }
div { padding:0; margin:0; }
.clr { clear:both; height:0; line-height:0; font-size:0; }
.hidden { display:none; }
hr { line-height:0; height:0; border:none; border-bottom:1px solid #000; padding:0; margin:8px 0; }
p { margin:0 5px 12px 0; padding:12px 0; line-height:190%; }
p.info { margin:0 0 12px 0; padding:12px 12px; background:#f9f9f9; }
b { }
strong {}
big { }
/* (links) */
a:link, a:visited {  color:#0788c3; font-weight:normal; text-decoration:none; }
a:active, a:focus { outline:0; }
a:hover {  color:#0788c3; font-weight:normal; text-decoration:none; border-bottom:1px dotted #0788c3; }
/* (headings) */
h1, h2, h3, h4, h5, h6 { color:#555; margin:12px 0 6px 0; padding:0; }
h1 { font:normal 36px/40px Georgia, "Times New Roman", Times, serif;  }
h2 { font:normal 26px Georgia, "Times New Roman", Times, serif; color:#295177; }
h3 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#555; }
h4 { font:normal 16px/20px Georgia, "Times New Roman", Times, serif; color:#555; }
h5 { font:normal 14px/16px Georgia, "Times New Roman", Times, serif; color:#555; }
h6 { font:normal 12px/14px Georgia, "Times New Roman", Times, serif; color:#555; }
/* (listings) */


ul { margin:8px 16px; padding:0 8px; list-style:square; }
ul li { margin:1px 4px; padding:0; }
ol { margin:8px 16px; padding:0 8px; }
ol li { margin:1px 4px; padding:0; }
dl { margin:8px 16px; padding:0 8px; }
dl dt { margin:4px; padding:0; }
dl dd { margin:1px 4px; padding:0; }
/* (tables)*/

table { width:auto; border-collapse: collapse; margin: 10px 0; }
tr td { background: #fff; }
tr.row2 td { background: #F9F9F9; }
th, td { text-align: left; border-width: 1px; border-style: solid; }
th { color: #6d6d6d; background: #f0f0f0; padding: 6px 14px 4px; border-color: #e4e4e4 #d9d9d9 #b4b4b4 #d9d9d9; }
th a:link, th a:visited { color: #6d6d6d; }
td { border-color: #efefef; padding: 6px 14px 4px; }
table.contenttoc { float: right; margin:22px 4px 10px 12px; width:200px; }
table.contenttoc tbody tr td { padding:2px 2px 2px 20px; background:url(../images/paging.png) no-repeat left; }
/* (images) */
img, a img { border:0; }
.itemTextIntro img, .itemTextFull img { background: #fafafa; border: 1px solid #dcdcdc; padding: 8px; margin:0 8px 8px; }

/* (forms) */

form { }
fieldset { border:0; padding:8px 0; }
legend { }
select, option { }
input { }
textarea { padding:2px 5px; margin:0 20px 12px 0; }
label { color:#138cd1; }
.inputbox { }
.inputbox:focus { }
.button { cursor:pointer; }
input.invalid, textarea.invalid { background: #f9f2f7; }
label.invalid { color: #ff0000; }
/* (other) */

pre, code { font-family:monospace; padding:0 22px; background:#fff url(../images/odeline.jpg) repeat 0 0; line-height:22px; color:#253cc8; border-top:1px solid #f2d3f3; margin-bottom:22px; }
blockquote { font:italic 18px/22px "Lucida Sans", "Lucida Sans Italic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; background:#fafafa; margin:10px 0; padding:20px; color:#555; }
acronym { cursor: help; border-bottom: 1px dotted #000; }
/* ============================ CONTENT LAYOUT ============================== */

#header, #topWrapper, #menu, #content, #bottom, #footer { width:920px; margin:0 auto; padding:4px 0; }
#headerWrapper { background:url(../images/coffee.jpg) repeat-x 0 0; }
#header { margin-bottom:10px; position:relative;height:234px;  }
#logo h2 { font:bold italic 13px Georgia, "Times New Roman", Times, serif; color:#999;display:block; padding:0 0 60px 0; margin:0;}

#logo{ display:block;padding:30px 0 0 0;  }
#logo a { font:bold 62px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; color:#1980af; letter-spacing:-6px; }
#logo a:hover {border-bottom:none;}
#imageBg { width:292px; height:234px; float:right; position:absolute; top:25px; right:0; background:url(../images/coffee.jpg) no-repeat 100% 0;}

#topWrapper { padding:10px 0 0 0; }
#topInner { width:860px; margin:0px 0 15px 10px; background:#f8fafd; border:1px solid #dcf1f8; padding:20px; }
#topInner a { color:#0788c3; text-decoration:none; }
#topInner a:hover { color:#0788c3; text-decoration:none; border-bottom:1px dotted #0788c3; }
#topInner h3 { font:normal 45px Georgia, "Times New Roman", Times, serif; color:#295177;}
#menuWrapper { }
#menu { }
#contentWrapper { }
#content {  background:url(../images/dots.gif) repeat-x top; padding:20px 20px 0 0; }

#left {float:left;}


.sideBar { background:url(../images/ver-dots.gif) repeat-y left; padding-bottom:20px; margin-bottom:10px; }
.s1 { /* sidebar */
  width:180px;
  float:left;
  padding:0 0 0 20px;
}
.s2 {
  width:270px;
  float:right;
  padding:0 0 0 20px;
}
.s3 { /* sidebar */
  float:left;padding:20px;font:normal 12px 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}
.c1 .s3 {
  width:880px;
}
.c2 .s3 {
  width:570px;
}
.c3 .s3 {
  width:300px;
}

.sideBar h3 {border-bottom:1px solid #eee;}

#breadCrumb { margin-bottom:12px; }
#bottom { background:url(../images/dots.gif) repeat-x top; padding:20px 20px 40px 20px; width:880px; margin:0 auto; }
#bottomLeft { float:left; width:265px; padding:0 0 0 20px; }
#bottomLeft .thumbs { display:none; }
#bottomCenter { float:left; width:265px; padding:0 0 0 30px; }
#bottomRight { float:left; width:265px;padding:0 0 0 30px; }
.box { font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; }
.box h3 { font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555; padding:20px 0 0 0; margin:0 0 10px 0; }
.box img { height:50px; width:50px; }
.box a img { display:block; background:#eee; float:left; margin:5px; border:1px solid #ddd; padding:8px; }
.box a img:hover { background:#fafafa; border:1px solid #ccc; }
#footerWrapper { }
#footer { background:url(../images/dots.gif) repeat-x top; padding:10px 0 65px 0; }
#footer #credits { float:right; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; padding:0 10px 0 0; }
#footer #credits a { color:#0788c3; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; }
#footer #credits a:hover { border-bottom:1px dotted #0788c3; text-decoration:none; }
#footer #copyrights { float:left; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; padding:0 0 0 10px; }
#footer #copyrights a { color:#0788c3; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; }
#footer #copyrights a:hover { border-bottom:1px dotted #0788c3; text-decoration:none; }
/* ============= COMMON ELEMENTS (titles, forms, buttons etc.) ============== */


/* (headings) */
h2.componentheading { }
h2.componentheading a { }
/* (headings)(for 3d party components) */
.componentheading, div.componentheading { }
td.contentheading { }
.contentheading, .contentheading a, a.contentheading, .contentpagetitle, .contentpagetitle a, a.contentpagetitle { }
.contentheading a:hover, a.contentheading:hover, .contentpagetitle a:hover, a.contentpagetitle:hover { }
/* (back button)(legacy) */
div.back_button { }
div.back_button a { }
div.back_button a:hover { }
/* =============================== COMPONENTS =============================== */



/* (description) (floating image with text) */
div.descText { }
/* (weblinks) (categories) */
div.weblinksContainer { }
ul.weblinksCategoriesList { }
ul.weblinksCategoriesList li { }
ul.weblinksCategoriesList li a.weblinksCategoryLink { }
/* (weblinks) (category) */
 div.weblinksItemsContainer { }
table th img { border:0; margin-left:4px; }
span.weblinkIcon { }
span.weblinkDescription { }
ul.weblinksOtherCategoriesList { }
ul.weblinksOtherCategoriesList li { }
ul.weblinksOtherCategoriesList li a { }
ul.weblinksOtherCategoriesList li a span { }
/* (user) (logout) */
form.userForms { }
/* (newsfeeds) */
.newsfeedContainer { }
span.feedImage { }
/* (polls) */
.pollContainer { }
.pollGraphContainer { }
/* (contact) */
.contactContainer { }
#component-contact { margin-right:12px; width:40%; float:left; }
.contactContainer .contactDetailsContainer { margin:0 10px 10px 0; width:40%; float:left; }
.contactImage { }
/* (edit) */
.editForm { }
.editForm fieldset { }
.editForm label { }
.editForm input.inputbox { }
.editForm textarea.inputbox { }
.editForm button { }
/* (search)(component) */

fieldset.searchAgain { background:#f9f9f9; padding:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #dfdfdf; }
fieldset.searchAgain input.inputbox { padding:5px 10px; font-size:18px; color:#888; border:1px solid #ddd; }
fieldset.searchAgain .button { border:1px solid #e1e1e1; color:#666; background:#e6e6e6; font-size:18px; padding:4px 8px; }
/* (content) (items page) */

.frontpageView { }
.sectionView { }
.categoryView { }
.itemsPage { }
.itemPage { }
.itemIcons { padding:0 0 0 50px; }
.leading { margin-bottom:12px; }
.leading .itemBox { }
.leading .itemBox a:hover { border:0; }
div.componentheading { margin-bottom:12px; }
h2.contentheading { }
.introItem { margin-bottom:20px; }
.introItem .itemBox { padding-right:20px; }
.last .itemBox { padding-right:0; }
.introItem h2.contentheading { }
.itemTextIntro { background:url(../images/dots.gif) repeat-x top;padding:10px 0 0 0; }
.itemTextFull { background:url(../images/dots.gif) repeat-x top; position:relative;padding:4px 0 20px 0; }
span.createdate { }
span.modifydate { background:url(../images/dots.gif) repeat-x top; padding:0 20px 0 0;}
a.readon span { color:#0788c3; font:bold 12px/40px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-decoration:none; text-transform:lowercase; }
a.readon span:hover { }
/* (modules) */
.module { margin-bottom:22px; }
.module h3 { }
.module .moduleContent { }
/* (breadCrumbs)(module) */
span.breadcrumbsText { color:#999; }
span.pathway { }
span.pathway img { }
a.pathway { }
a.pathway:hover { }
/* (banners)(module) */
/* (rss)(module) */
#rss a:hover{border:0;}
/* (latestnews)(module) */
.box ul { list-style:none; padding:0 30px 0 0; margin:0; display:block; }
.box ul li { background:url(../images/dots.gif) repeat-x bottom; margin:0; padding:7px 0; display:block; }
.box ul li a:link, .box ul li a:visited { font:normal 12px/13px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#77a6d3; text-decoration:none; text-transform:lowercase; margin:0; }
.box ul li a:hover { color:#333; border:none; text-decoration:none; }
.box ul li {}

.contentpaneopen span.iconEdit a:hover,
.contentpaneopen span.iconEdit a img ,
.s3 span.itemIcons a:hover,
.s3 span.itemIcons a img { background:none;margin:0;padding:0;border:0; }
/* (login)(module) */

/* (mainmenu)(module) */
.s2 ul { list-style:none; padding:0; margin:0; }
.s2 ul li { background:url(../images/dots.gif) repeat-x bottom; width:270px; padding:0; margin:0;}
.s2 ul li a { display:block; font:bold 12px/33px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#5d95ca; }
.s2 ul li a:hover { display:block; color:#000; text-decoration:none; border:none; }
.s2 ul li.active a { display:block; color:#000; text-decoration:none; }
.s2 ul li.active.parent li a { color:#5d95ca; display:block; padding-left:12px; text-decoration:none; }
.s2 ul li.active.parent li a:hover { display:block; padding-left:12px; text-decoration:none; border:none; }
.s2 ul li.active.parent li.active a { color:#000; display:block; padding-left:12px; text-decoration:none; }
.s2 ul li.active.parent li.active a:hover { display:block; padding-left:12px; text-decoration:none; }
.s2 li a#active_menu.mainlevel { display:block; color:#000; text-decoration:none; }


/* (search)(module) */
.search { height:33px; margin: 0; padding:0; width:270px; background:url(../images/header-search.gif) no-repeat center; border:none; }
.search.inputbox { border:none; float:right; }
input#mod_search_searchword.inputbox { float:left; padding:8px 0 0 4px; text-transform:lowercase; color:#999; font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; background:url(../images/search.gif) no-repeat right 3px; width:260px; height:40px; border:none; }
div.search input.button { }
div.searchContainer h3 a{ font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555; }
div.searchContainer h3 a:hover {font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555;text-decoration:underline;border:none;}
/* (flashnews) */
.newsflashHorizItem { padding:0 10px 10px 0; }
/* ================ MENU STYLING ============================================ */

/* (menu) (list) */
#menu ul { }
#menu ul li { display:inline; }
#menu ul li a { }
#menu ul li a span { }
#menu a:hover { }
#menu a#active_menu-nav, #menu li.active a { }
/* (menu) (table) */
#menu {}
#menu ul { padding:0; margin:0; display:block; border-left:1px solid #eee; border-bottom:1px solid #eee; height:33px; list-style:none; } /* flat list mode */
#menu ul li { display:inline; padding:0; margin:0; }
#menu ul li a { display:block; float:left; height:20px; font:bold 14px 'Trebuchet MS', Arial, Sans-Serif; text-transform:uppercase; padding:7px 16px; border-right:1px solid #eee; }
#menu ul li a:link, #menu ul li a:visited { color:#666; text-decoration:none; }
#menu ul li a:hover { color:#000; text-decoration:none; border-right:1px solid #eee; border-bottom:none; }
#menu ul li.active a, #menu ul li a#active_menu-nav { color:#222; text-decoration:none; text-transform:uppercase; font:bold 14px 'Trebuchet MS', Arial, Sans-Serif; border-right:1px solid #eee; background:transparent url(../images/current.gif) repeat-x scroll left bottom; }
/* (tooltips)(plugin) */
div.tool-tip { float: left; padding: 5px; max-width: 200px; z-index:13000; background: #1980af !important; border: 1px solid #138CD1; }
div.tool-title { padding: 0; margin: 0; font-size: 95%; font-weight: bold; background: #1980af; color:#fff; }
div.tool-text { font-size: 90%; margin: 0; padding:3px 5px; background:#1980af; color:#fff; }
/* Blog more - article lists (the "more..." list) */
div.blog_more { margin:2px 0 24px 0; padding:4px; }
div.blog_more div strong { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#295177; padding:2px 6px; } /* title */
div.blog_more ul { margin:10px 12px; padding:0 8px; } /* article list */
div.blog_more ul li { margin:15px 4px; padding:0; } /* article list item */
/* (page navigation)(plugin) */
div.limitBox { }
dl.pageNavigationContainer { display:block; padding:10px; margin:20px 0 20px 0; }
dl.pageNavigationContainer dd { display:inline; }
dd.pagesLinks { }
dd.pageCounter span { font-weight:bold; color:#fff; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#bade7d; margin:0 2px; }
span.pagination { }
span.pagination span { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#fff; margin:0 2px; }
span.pagination a, .pagenav a { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#eee; margin:0 2px; }
span.pagination a:hover, .pagenav a:hover { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#dcf1fb; margin:0 2px; }
span.pagination span.paginationDummy { border:none; }
/* (pagenav)(plugin)(sorry, can't override) */
.pagenavbar a { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#eee; margin:0 2px; }
.pagenavbar a:hover { background:#dcf1fb; }
.pagenavcounter { display:block; float:right; position:absolute; right:0; font-weight:bold; color:#666; padding:3px; margin:24px 12px 18px 0; }
table.pagenav th, table.pagenav td { border:0; padding:0; margin:0; background:none; width:auto !important; }
span.content_rating { margin:10px 0 0; display:block; }
span.content_rating img { padding:0 2px; }
.content_vote { margin:0 0 10px; display:block; }
.content_vote input { margin:0 5px; }
.content_vote .button { }
/* (print-email)(component) */

body.contentpane { padding:16px; margin:0; background-image:none; background:#fff; }
.closeWindowLink { padding-right:25px; background:url(../images/close-x.png) no-repeat 100% 0; }
/* (offline)(system) */
body.offline #frame { margin: 20px auto; width: 400px; padding: 20px; }
body.offline #frame form { text-align: left; }
body.offline .outline { border: 8px solid #cccccc; background: #ffffff; padding: 8px; }
body.offline form { margin: auto; }
/* (messages)(system) */
#system-message { padding:0; margin:10px 0 10px 20px; border:1px solid #e4e4e4; background:#bade7d; }
#system-message dt { display:none; }
#system-message dd { margin: 0; font-weight: bold; padding:10px; }
#system-message dd ul { color: #fff; margin:0px; list-style: none; padding:0px; }
/* Unpublished */
.system-unpublished {background: #e8edf1;border-top: 4px solid #c4d3df;border-bottom: 4px solid #c4d3df;}
/* (tabs)(system) */
dl.tabs { float: left; margin: 10px 0 -1px 0; padding:0; z-index: 50; }
dl.tabs dt { float: left; padding: 4px 10px; margin:0 2px 0 1px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #f0f0f0; color: #666; }
dl.tabs dt.open { background: #fff; border-bottom: 1px solid #fff; z-index: 100; color: #000; }
div.current { clear: both; border: 1px solid #ccc; padding: 10px 10px; height:200px; overflow: auto; margin-bottom:20px; }
div.current dd { padding: 0; margin: 0; }
/* (sliders)(system) */
.pane-sliders .title { margin: 0; padding: 2px; cursor: pointer; }
.pane-sliders .panel { border: 1px solid #ccc; margin-bottom: 3px; }
.pane-sliders .panel h3 { }
.pane-sliders .content { }
.jpane-toggler span { background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; }
.jpane-toggler-down span { background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; }
.jpane-toggler-down { border-bottom: 1px solid #ccc; }
/* (editor frontend)(system) */

body.edit fieldset { background:#fff; display:block; padding:5px; margin:0 0 10px 0; border:0; }
body.edit fieldset legend { display:block; padding:8px 12px; margin:0; background:#fff; font-size:20px; }
#editorForm { border:2px solid #f3f3f3; padding:20px 30px; margin-bottom:30px; }
/* Buttons */
#editor-xtd-buttons { padding: 5px; }
.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; height: 22px; float: left; line-height: 22px; font-size: 11px; 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; }
.page span { color: #000; font-weight: bold; }
.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 { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.button2-left .image { background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore { background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank { background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }
/* --- */

/* Caption fixes */
.img_caption.left { float: left; margin-right: 12px; }
.img_caption.right { float: right; margin-left: 12px; }
.img_caption.left p { clear: left; text-align: center; }
.img_caption.right p { clear: right; text-align: center; }
/* Calendar */
a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; }

Grazie

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #3 il: 02 Ago 2010, 16:23:36 »
ciao albertosan,
dunque x il css, ecco, basta che lo apri e fai ctrl f e scrivi "dots.gif" e ogni volta che lo trovi commenti la riga (si fa cosi  /*testo commentato*/ )
e poi vedi se funziona.

commentare le cose ti serve a poter tornare indietro e fare eventualemente un analisi di cosa nn funziona nel caso serva.

per la formattazione del menu, dovresti metterlo in bottom, non in center bottom che ha una laghezza ridotta.
controlla anche che il menu, spostato, mantenga la caratteristica di lista orizzontale (non mi ricordo se si chiama esattamente cosi)

Offline albertosan

  • Esploratore
  • **
  • Post: 51
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #4 il: 02 Ago 2010, 16:33:41 »
Scusda ma non capisco... dove devo mettere "/*testo commentato*/ "??  Alla fine delle righe dove trovo "dots.gif"??

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #5 il: 02 Ago 2010, 17:38:22 »
Scusda ma non capisco... dove devo mettere "/*testo commentato*/ "??  Alla fine delle righe dove trovo "dots.gif"??

no, scusa forse sono stata poco chiara... in parte la colpa e' della formattazione del tuo codice css che nn e' fatta granche bene

ti faccio un esempio

#content {  background:url(../images/dots.gif) repeat-x top; padding:20px 20px 0 0; }

diventa

#content {  /*background:url(../images/dots.gif) repeat-x top;*/ padding:20px 20px 0 0; }

nel css le catarreristiche sono contenute in {} (parentesi graffe)
e sono separate tra loro dal ;  (punto e virgola)
mi rendo conto che se sei digiuno di css puo' essere complicato ma imho sarebbe meglio se capissi tu il procedimento per poterlo replicare o modificare in futuro nel caso :D

Offline albertosan

  • Esploratore
  • **
  • Post: 51
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #6 il: 04 Ago 2010, 10:07:23 »
Grazie mille ellezero
Il problema delle linee tratteggiate l'ho risolto come da te spiegato.

Mi resta però sempre il problema del menu.
Ho provato a spostarlo in un'altra posizione ma si perde la formattazione che voglio resti uguale a quella che c'è adesso.
Ho provato a creare anche una nuova "posizione" seguendo l'apposito wiki ma non capisco come posso piazzarla dove voglio io e come darle le dimensioni da permettere al menu di starci così com'è...
Non è possibile clonare la posizione user3 e spostarla più in basso???
Vedi l'immagine di anteprima con le varie posizioni http://www.nordestone.com/anteprima.jpg
Grazie
Albertosan

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #7 il: 04 Ago 2010, 10:54:19 »
ti dico come farei io (che non e' detto sia il modo "giusto")

io prenderei il mio html (estensioni->gestione template->tuo template->mod html)

e prenderei il div menu -> <div id=menu></div> e tutto quello che sta dentro e lo sposterei dentro al bottom

ora, considera che io nn vedo il tuo file html reale (tu avrai delle chimate ai moduli all'interno dei div che io, da web nn vedo) pero se hai un minimo di dimestichezza coi div dovresti capire quello che ti dico

es:

<div id="bottom">
    QUI metti il div - (quello che c'e' sotto nel tuo caso e' vuoto, dovresti commentarlo o toglierlo x pulire il codice, i commenti qui li devi scrivere cosi <!-- testo commentato--> da cui:
<!--  <div id="bottomLeft">         
  </div>
  <div id="bottomCenter">
    <div class="box">
          </div>
  </div>
  <div id="bottomRight">
    <div class="box">
          </div>
  </div>
  <div class="clr"></div>
</div>-->

spero che sia un pochino chiaro :)

Offline albertosan

  • Esploratore
  • **
  • Post: 51
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #8 il: 06 Ago 2010, 10:13:21 »
Mi dispiace romperti le scatole, ma per me è arabo...
Questo è il codice del mio html. Dove devo fare la modifica?????

Codice: [Seleziona]
<?php
/*
// "Freshpick" Template for Joomla! 1.5.x - Version: 1.0
// Designed by Styleshout (www.styleshout.com) & developed for Joomla! by TemplateWorks
// Copyright (c) 2008 - 2009 TemplateWorks. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.templateworks.net
// *** Last update: July 14th, 2009 ***
*/


// no direct access
defined'_JEXEC' ) or die( 'Restricted access' );

include_once(
JPATH_SITE.DS."templates".DS.$this->template.DS."includes".DS."api.php");

?>

<!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?>" >
<head>
<meta http-equiv="imagetoolbar" content="false" />
<jdoc:include type="head" />
<!-- FOUC fix -->
<script type="text/javascript"></script>
<!-- CSS -->
<style type="text/css" media="all">
@import "<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/template.<?php if($gzipCSS) echo "php"; else echo "css"?>";
</style>
<!--[if lte IE 8]>
<link href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/template_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<link href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/template_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<script type="text/javascript" src="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/javascript/template.js"></script>
</head>
<body id="<?php echo $option?>" class="<?php echo $bodyClass?>">
<?php // echo JText::_('Sample Text goes here...'); ?>
<div id="headerWrapper">
  <div id="header">
    <!-- Accessibility -->
    <div class="hidden"> <a href="#menu" id="skipToNavigation"><?php echo JText::_('Skip to Navigation'); ?></a>&nbsp; <a href="#mainContentArea" id="skipToContent"><?php echo JText::_('Skip to Content'); ?></a><br />
      <?php echo JText::_('You are here'); ?>
      <jdoc:include type="modules" name="breadcrumb" style="" />
    </div>
    <!-- Logo -->
    <div id="logo">
      <h1> <a class="hasTip" href="<?php echo $siteurl?>" title="<?php echo $sitename?>::<?php echo JText::_('Home page'?>"><span><?php echo $sitename?></span></a></h1>
      <h2><?php echo $tagline?></h2>
    </div>
   <div id="menu">
      <?php if($this->countModules('user3')): ?>
      <jdoc:include type="modules" name="user3"/>
    </div>
    <?php endif; ?>
     <div id="imageBg">&nbsp;</div>
    <div class="clr"></div>
  </div>
</div><?php if($this->countModules('top')): ?>
<div id="topWrapper">
  <div id="topInner">
    <jdoc:include type="modules" name="top" style="tw"/>
  </div>
</div>
<?php endif; ?>
<div id="contentWrapper">
  <div id="content">

    <jdoc:include type="message" />
    <!-- Main content area starts here -->
    <div id="mainContentArea" class="s3">
      <?php if($this->countModules('breadcrumb')): ?>
      <div id="breadCrumb">
        <?php if($displayBreadcrumbsText): ?>
        <span class="breadcrumbsText"><?php echo JText::_('You are here'); ?></span>
        <?php endif; ?>
        <jdoc:include type="modules" name="breadcrumb" />
      </div>
      <?php endif;?>
<jdoc:include type="component" />
    </div>
    <!-- Main content area ends here -->
      <?php if($this->countModules('left or right') && $task!="edit"): ?>

    <!-- Sidebars -->
    <div class="sideBar s2">
      <?php if($this->countModules('user4')): ?>
      <jdoc:include type="modules" name="user4" style="tw"/>
      <?php endif; ?>
      <jdoc:include type="modules" name="left" style="tw"/>
      <jdoc:include type="modules" name="right" style="tw"/>
      <?php if($displayRss): ?>
      <div id="rss"> <a href="<?php echo JRoute::_("index.php?format=feed&type=rss"); ?>"><?php echo JHTML::_('image.site''livemarks.png''/images/M_images/'NULLNULL'feed-image'); ?> <?php echo JText::_("RSS Feed"); ?></a> </div>
      <?php endif; ?>
    </div>
      <?php endif; ?>
    <div class="clr"></div>
</div></div>
<div id="bottom">
  <div id="bottomLeft">
<?php if ($displayFlickrGallery):?>
    <div class="box">
      <h3>Image Gallery</h3>
      <p class="thumbs">
        <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=<?php echo $flickrCode?>"></script>
      </p>
    </div>
<?php else : ?>
<?php if($this->countModules('about')): ?>
<div class="box">
<jdoc:include type="modules" name="about" style="tw"/>
</div>
<?php endif;?>
<?php endif;?>

  </div>

  <div id="bottomCenter">
    <div class="box">
      <?php if($this->countModules('user1')): ?>
      <jdoc:include type="modules" name="user1" style="tw"/>
      <?php endif; ?>
    </div>
  </div>

  <div id="bottomRight">
    <div class="box">
      <?php if($this->countModules('user2')): ?>
      <jdoc:include type="modules" name="user2" style="tw"/>
      <?php endif; ?>
    </div>
  </div>

  <div class="clr"></div>
</div>
<div id="footerWrapper">
  <div id="footer">
    <div id="copyrights"><?php echo JText::_('Copyright'); ?> &copy; <?php echo date('Y'); ?> <?php echo $sitename?></div>
    <div id="credits">Designed by <a target="_blank" href="http://www.styleshout.com/">Styleshout</a> - Developed by <a target="_blank" href="http://www.templateworks.net" title="developed by TemplateWorks.">TemplateWorks</a></div>
    <div class="clr"></div>
  </div>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:Trasformazione tw_freshpick
« Risposta #9 il: 10 Ago 2010, 11:43:57 »
ciao :)
scusa mi ero persa la tua risposta, hai risolto?

 



Web Design Bolzano Kreatif