Back to top

Autore Topic: Template Holiday nature  (Letto 1407 volte)

Offline DimaWeb

  • Esploratore
  • **
  • Post: 74
    • Mostra profilo
Template Holiday nature
« il: 19 Apr 2013, 12:04:17 »
Salve

E' da poco che uso joomla e sono un po' inesperto..

Vorrei modificare lo spazio relativo all'immagine del logo in alto a sx.. sono riuscito a sostituirla ma lo spazio è piccolo e viene tagliata.. come modifico il codice ?

Inoltre, come fare per trovare il codice relativo al footer : realized by JoomFreak... che lo vorrei togliere?

Grazie mille

http://www.joomfreak.com/demo/jf_holiday-nature

Offline $Red

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Template Holiday nature
« Risposta #1 il: 19 Apr 2013, 14:35:02 »
ciao, per le dimensioni del logo devi modificare il css del template metti le dimensioni del tuo logo
Codice: [Seleziona]
div#logo {
    float: left;
    height: 49px;
    width: 251px;

Offline DimaWeb

  • Esploratore
  • **
  • Post: 74
    • Mostra profilo
Re:Template Holiday nature
« Risposta #2 il: 19 Apr 2013, 16:49:20 »
Ho trovato quel codice, ma se lo modifico non mi cambia la dimensione del posto del logo..
se lo ingrandisco mi fa sparire il menù sotto !!
allego codice:

Codice: [Seleziona]
/*****************************/
/*** Core html setup stuff
***/
/*****************************/

html {
  height:
100%;
  margin-bottom: 1px;
}

form {
  margin:
0;
  padding: 0;
}

body {
    font-family:
Arial,sans-serif;
    line-height: 1.5em;
    margin:
0px 0px 0px 0px;
    font-size: 12px;
    color:
#6d6d6d;
}

a:link, a:visited {
    text-decoration:
none;
    font-weight: normal;
}

a:hover {
 
  text-decoration: underline;
    font-weight:
normal;
}

input.button { cursor: pointer; }

p { margin-top: 0;
margin-bottom: 5px; }

img { border: 0 none; }

.clear{
 
  clear:both;
    padding:0px;
   
margin:0px;
}
.inputbox{
    height:23px;
   
border:0px;
    padding:0px 5px;
   
line-height:23px;
}
textarea.inputbox{
   
height:auto;
    line-height:100%;
   
background-color:#fff;
   
background-position:top;
}
/*****************************************/
/***
Template specific layout elements
***/
/*****************************************/
#page_bg
{
}

div.center {
  text-align:
center;
}

div#wrapper,div#footer-inner,#ex-footer-inner{
 
  width:940px;
    margin-left: auto;
   
margin-right: auto;
}

div#header{
   
overflow:hidden;
    height:86px;
   
margin-bottom:40px;
}
div#footer{
   
/*margin-bottom:15px;*/
}
div#ex-footer{
   
padding-bottom:80px;
   
padding-top:15px;
}
div#top{
    text-align:right;
 
  height:28px;
    margin-bottom:9px;
}
#top
ul{
    padding:0px;
    margin:0px;
}
#top ul
li{
    list-style:none;
   
display:inline-block;
}
#top ul li a{
   
display:block;
    height:28px;
   
line-height:28px;
    margin-left:25px;
   
text-transform:uppercase;
    font-size:10px;
}
#top ul li
a:hover{
    text-decoration:none;
}
div#logo {
 
  float: left;
    width: 100px;
    height:
100px;
}
div#mainmenu{
    float:right;
   
width:660px;
    margin-top:35px;
}
div#mainmenu
ul{
    padding:0px;
    margin:0px;
   
text-align:right;
}
div#mainmenu ul li{
   
display:inline-block;
    list-style:none;
}
div#mainmenu ul
li a{
    display:block;
   
text-transform:uppercase;
    margin-left:30px;
   
font-size:16px;
}
div#mainmenu ul li a:hover,div#mainmenu ul li.active
a{
    text-decoration:none;
}
div#mainmenu ul li.active
a{
    font-weight:bold;
}
div#tagline{
   
margin-bottom:40px;
}
div#slideshow{
   
margin-bottom:10px;
}
/* main body */
#left{
   
float:left;
    width:222px;
   
margin-right:58px;
   
text-align:left;
}
#main-body{
    float:left;
 
  text-align:left;
}
#pathway {
    padding: 0px 10px
8px;
    width: auto;
    margin-top: -2px;
 
  margin-right: 250px;
    text-align:
left;
}

#search {
    float: right;
   
width:320px;
    margin-top: -20px;
    margin-right:
30px;
    height: 40px;
    overflow:
hidden;
    text-align:right;
}

form#searchForm input
{
    vertical-align: middle;
}

form#searchForm table
{
    border-collapse: collapse;
}

form#searchForm td
{
    padding:0;
}

#mod_search_searchword {
 
  padding-left: 3px;
}

#area {
    padding:
0;
}

/*****************************************/
/*** Joomla!
specific content elements
***/
/*****************************************/

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,h1 {
 
font-size:38px;
  padding-left: 0px;
 
margin-bottom:30px;
  font-weight:normal;
 
line-height:100%;
}
h2, .contentheading {
    padding:
0;
    font-family: Arial, Helvetica,sans-serif;
   
font-size: 20px;
    vertical-align: bottom;
   
text-align: left;
    width: 100%;
   
font-weight:bold;
}

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

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

h3,
.componentheading, table.moduletable th, legend {
  margin: 0;
 
font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
 
font-size: 20px;
  padding-left: 0px;
   margin-bottom:
10px;
   text-align: left;
}

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

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

.createdate {
    height: 20px;
   
vertical-align: top;
    font-size: .90em;
   
font-weight: normal;
    vertical-align: top;
   
padding-bottom: 10px;
    padding-top: 0px;
   
display:inline-block;

}

p.readmore a{
    margin-top:
15px;
    display: block;
    float: right;
 
  width:89px;
    height:24px;
   
line-height:24px;
    text-align:center;
   
font-weight:bold;
    font-family:verdana,arial;
   
font-size:11px;
    text-decoration:none
!important;
}
.item-separator{
    clear:both;
}
/*
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:
30px;
}

.column_separator {
    padding-left:
30px;
    padding-right:0px !important;
}
td.buttonheading
img {
    border:none;
}

.clr {
    clear:
both;
}
.item-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 0px;
}


/* content styles
*/
table.contentpaneopen, table.contentpane {
    margin:
0;
    padding: 0;
    width: 100%;
}
.items-row
p{
    text-align:justify;
}
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,div.module_text {
 
margin-bottom: 25px;
}

div.module_menu h3,div.module
h3,div.module_text h3 {
    font-size: 18px;
   
font-weight: bold;
    height:26px;
   
line-height:26px;
    border-bottom:1px solid #9ac2d5;
 
  padding-left:10px;
    margin-bottom:12px;
   
margin-left:-15px;
}

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

div.module_menu div div div,#left div.module div div div
{
    width: auto;
   
padding-left:15px;
}

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

div.module_menu ul,div.module ul {
    margin: 10px
0;
    padding-left:15px;
}
div.module_menu ul li,div.module
ul li{
    margin-bottom:12px;
}
div.module_menu ul li
a:link, div.module_menu ul li a:visited {
}
/*login module
*/
#login-form{
       
font-family:Verdana,arial;
}
form#login-form fieldset { border: 0 none;
margin: 0em; padding:0;}
form#login-form ul { padding-left: 0px;
margin-top:20px;}

form#login-form ul li{
   
list-style:none;
   
font-size:11px;
}

form#com-form-login fieldset { border: 0 none;
margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px;
}

#form-login-username,#form-login-remember{
   
margin-bottom:20px;
}
#form-login-password{
   
margin-bottom:10px;
}
#form-login-username label,#form-login-password
label,#form-login-remember label{
   
font-size:11px;
}
#form-login-username input,#form-login-password
input{
    width:167px;
}
#form-login-remember
label{
    margin-top:2px;
   
display:inline-block;
}
#modlgn-remember{
   
height:auto;
    float:left;
   
margin-right:5px;
}
#login-form .button,.poll .button{
   
float:right;
    margin-right:27px;
   
width:68px;
    height:24px;
    border:0px;
 
  line-height:24px;
    font-weight:bold;
   
font-family:verdana,arial;
    font-size:11px;
}
/* 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;
}


/* 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;
}

div.img_caption       { padding: 0 10px 0 10px;
}
div.img_caption img   { border: 1px solid #CCC; }
div.img_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;
 
  text-align: right;
}

/* System Messages */
/* see system
general.css */
.pagination{text-align:center;}
.pagination span { padding:
5px; }
.pagination a    { padding: 5px; }

/* Polls
*/
.pollstableborder td {
    text-align: left;
}

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

/* Frontend Editing*/
fieldset
{
    border:0px;
    margin:0px;
   
padding:0px;
}

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;}

/*tagline*/
div#tagline
strong{display:block;float:left;width:90px;text-align:left;font-size:14px;}
div#tagline
span{display:block;float:right;width:780px;text-align:left;font-size:14px;}
/*content
top*/
div#content-top{padding-bottom:20px;margin-bottom:20px;}
div#content-top
p{text-align:justify;}
div#content-top p
img{float:left;margin-right:10px;padding:3px;}
div#content-top .box-right
div.moduletable{padding-left:40px;}
/*Content
bottom*/
#content-bottom{margin-top:20px;margin-bottom:55px;}
/* Component
Specific Fixes */
#component-contact table td {padding: 2px 0;}
/*com
content */
.item-page{position:relative;}
.item-page h2{
   
padding:0px;
    margin:0px;
   
margin-bottom:10px;
}
.item-page p{
   
text-align:justify;
}
.blog_more ul li
a{line-height:200%;}
.items-leading{padding-bottom:5px;margin-bottom:25px;position:relative;}
.items-leading
h2{font-size:30px;font-weight:normal;padding-bottom:0px
!important;line-height:100%;margin:0px;}
.items-leading p img,.items-row p
img,.item-page p img{padding:3px;}
.items-row .item{
   
float:left;
    width:302px;
   
position:relative;
}
.items-row .item h2{
   
padding:0px;
    margin:0px;
   
width:250px;
}
.column-2{
   
margin-left:56px;
}
.row-separator{
    clear:both;
 
  display:block;
}
.article-info{
   
margin:0px;
    padding:0px;
   
margin-bottom:15px;
}
.article-info dd{
   
padding:0px;
    margin:0px;
   
margin-bottom:3px;
    margin-top:3px;
    font-size:
0.9em;
    font-weight: normal;
    text-align:
left;
}
.items-leading .article-info dd,.item-page .article-info
dd{
    display:inline-block;
   
margin-right:20px;
}
.items-row p img{margin-right:0px
!important;margin-bottom:10px;padding:3px;width:294px;}
.print-icon
a{display:block;width:24px;height:8px;margin-left:3px;float:right}
.email-icon
a{display:block;width:19px;height:8px;margin-left:3px;float:right}
.print-icon
a img,.email-icon a
img{display:none;}
/*copyright*/

/*footmenu*/
#footer-menu{width:50%;float:right;text-align:left;}
#footer-menu
ul{padding:0px;margin:0px;text-align:right;}
#footer-menu ul
li{list-style:none;display:inline-block;}
#footer-menu ul li a,#footer-menu
ul li
a:visited{display:block;margin-left:25px;font-weight:bold;}
#footer-menu ul
li a:hover{text-decoration:none;}
/*spotlight module*/
.box-full,
.box-left, .box-center, .box-right { float: left;overflow: hidden;
}
.box-left div.moduletable,.box-full div.moduletable { background: none;
}
.box-left div.moduletable { background: none;padding-right:
15px;margin-bottom:0px;}
.box-right div.moduletable { background:
none;padding-left: 10px; }
.box-center div.moduletable { padding: 0
10px;background: none; }
#footer-inner { text-align:left; }
#botsl {
padding: 25px 0; }
#botsl div.moduletable,#botsl div.moduletable_menu,#botsl
div.moduletable_text { font-size: 100%;margin-top: 10px; }
#botsl
div.moduletable h3,#botsl div.moduletable_menu h3,#botsl div.moduletable_text h3
{ margin: 0;font-size: 170%;font-weight: bold;text-transform: none;padding: 0 0
20px 0; }
#botsl h3 { font-size: 150%;background: none;text-transform: none;
}
#botsl a { text-decoration: none; }
#botsl a:hover, #botsl a:active,
#botsl a:focus {text-decoration: underline; }
#botsl ul, #botsl p, #botsl ol
{ background: none;padding: 0 0 0 25px;margin: 0 !important; }
#botsl
p{padding-left:0px !important;}
#botsl ul li { background: none;padding: 5px
0px 5px 5px; }
#botsl ol li { margin-left: 25px;padding: 0 !important;
}
#botsl td { padding: 0; }
#botsl .article_separator { display: none;
}
#botsl table { border-spacing: 0;border-collapse: collapse; }
/*footer 2
& footer3
*/
#footer2{float:left;width:50%;}
#footer3{width:50%;float:right;text-align:left;}
#footer3
ul{padding:0px;margin:0px;text-align:right;}
#footer3 ul
li{list-style:none;display:inline-block;}
#footer3 ul li a,#footer3 ul li
a:visited{display:block;margin-left:25px;font-weight:bold;}
#footer3 ul li
a:hover{text-decoration:none;}
/* CLEARFIX */.clearfix:after { clear:
both;display: block;content: ".";height: 0;visibility: hidden; }
* html >
body .clearfix { width: 100%;display: block; }
* html .clearfix { height: 1%;
}/* FIREFOX SCROLLBAR HACK - DO NOT REMOVE */
html { margin-bottom:
1px;height: 100%!important;height: auto;
}
.calendar{border:0px;background:none;margin-left:8px;cursor:pointer;}

ul.actions{text-align:right;padding:0
;width:100%;margin:0;position:absolute;top:5px;}
ul.actions
li{display:inline;}
edited by tt8: Per inserire codice, quando necessario, utilizzare il tag #
« Ultima modifica: 19 Apr 2013, 21:38:46 da tomtomeight »

 



Web Design Bolzano Kreatif