Back to top

Autore Topic: [Risolto]Sostituire un testo con un'mmagine  (Letto 2176 volte)

Offline cesco v91

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
[Risolto]Sostituire un testo con un'mmagine
« il: 29 Nov 2012, 20:00:13 »
Salve a tutti sono Francesco e da poco ho iniziato ad utilizzare joomla per la creazione di un sito web.
Ho cercato parecchio trovando alcune situazioni simili alla mia e adattabili, ma nessuna ha funzionato.
Finite le mie risorse mi rivolgo a voi.

Ho installato joomla 2.5 e il template a4joomla ocean-free.

Come voi ben sapete invece del logo in alto a sinistra porta una testo personalizzabile.

Io vorrei mettere un'immagine, un piccolo logo.

Purtroppo non ne so molto di CSS o PHP dico la verità, perciò vorrei sapere che stringhe modificare e in quali file del template, ammesso si debbano modificare quelli.

Vi posto i codici.

Citazione da:  Color1.css
Codice: [Seleziona]
body {

    background: #22222a;

    color: #445;

}

#allwrap {

    background: #fff;

      border: 0px solid #fff;

}

#topmenuwrap {

    background: #31353e;

    border: 1px solid #3c434a;

    border-bottom: 0px solid #000;

}

#topmenu {

    background: none;

    border-top: 0px solid #000;

}

#header {

    background: #22222a;

    border-bottom: 0px solid #000;

}

#logo {

    border-top: 0px solid #fff;

    background: none;

}

#headerright{

    background: none;

}

h1 {

color: #223;

}

h2 {

color: #223;

}

#logo h2 {

    color:#ccc;

}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {

border: none;

}

#logo h2 a:link, #logo h2 a:visited, #logo h2 a:hover, #logo h2 a:active {

color: #ccc;

text-decoration: none;

}

h3 {

color: #223;

}

#logo h3 {

    color: #ccc;

}

h4 {

color: #223;

}

h5 {

color: #223;

}

h6 {

color: #223;

}

#search{

    background: none;

    border:0px solid #ccc;

}

#search input.inputbox {

    background: #eee url(../images/search-bg.jpg) no-repeat right center;

    color: #223;

    border:1px solid #eee;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

#search input.button {

    background: #000;

    color:#fff;

    border: 0;

    border-top: 0px solid #ddd;

}

#search div.search label{

    color: #fff;

}

#wrap {

    background: none;

}

#cbody {



}

#content60 {

    background: none;

}

#pathway {

    background: none;

    border-top: 0px solid #e7e7e8;

}

#pathway a:link, #pathway a:visited {

color: #66c;

text-decoration: none;

}

#pathway a:hover, #pathway a:active {

color: #66c;

text-decoration: underline;

}

#content {

    background: none;

}

#footerwrap {

    background: none;

    border-top: 0px solid #000;

}

#footer {

    color: #fff;

    border-top: 0px dotted #99a;

}

#footer div.moduletable {

background: none;

}

#sidebar {

    background: none;

}

#sidebar-2 {

    background: none;

}

#slideshow-mod {

    background: none;

}

fieldset{



}

a:link, a:visited {

color: #66c;

text-decoration: none;

}

a:hover, a:active {

color: #66c;

text-decoration: underline;

}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {

color: #223;

}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {

color: #fff;

text-decoration: underline;

}

#a4j a:link, #a4j a:visited, #a4j a:hover, #a4j a:active {

color: #fff;

text-decoration: underline;

}

/* ==== MODULES =======================================  */

div.moduletable {

    background: none;

}

div.moduletable h3 {

    color:#223;

    background: none;

    border-bottom: 1px dotted #99a;

}

/* ==== SIDEBAR MODULES =======================================  */

#sidebar div.moduletable {

    background: none;

}

#sidebar div.moduletable h3 {

    color:#223;

    background: none;

    border-bottom: 1px solid #223;

}

/* ==== SIDEBAR2 MODULES =======================================  */

#sidebar-2 div.moduletable {

    background: none;

}

#sidebar-2 div.moduletable h3 {

    color:#223;

    background: none;

    border-bottom: 1px solid #223;

}

/* ======= SEARCH =======================  */

#search .moduletable {

    background: none;

}

#search .moduletable h3{

    background: none;

}

/* ======= Topmenu =========== */

#topmenu .moduletable {

    border:0;

}

#topmenu .menu {

    background: none;

    color: #ccc;

    border: 0;

}

#topmenu .menu li a {

    color: #ccc;

    border-right: 1px solid #3c434a;

}

#topmenu .menu li.active a {

    color: #fff;

}

#topmenu .menu li a:hover {

    color: #fff;

}

/* ======= SIDE MENUS ================================  */

.moduletable_menu {

background: none ;

color: #445;

border-bottom: 0px solid #fff;

}

.moduletable_menu h3 {

    color:#223;

    background: none;

    border-bottom: 1px solid #223;

}

.moduletable_menu li {

    border-bottom: 1px dotted #99a;

}

.moduletable_menu li ul li {

    border-bottom:0px solid #ccc;

    border-top:0px dashed #e4e4e4;

    background: none;

}

.moduletable_menu li a {

    color: #445;

}

.moduletable_menu li ul li a {

background: none;

}

.moduletable_menu ul.menu li.current a {

    color:#66c;

}

.moduletable_menu ul.menu li.current * a {

    color:#445;

}

.moduletable_menu li ul li a:hover, .moduletable_menu li.current ul li a:hover {

    color:#66c;

}

.moduletable_menu li a:link, .moduletable_menu li a:visited {

color: #445;

text-decoration: none;

}

.moduletable_menu li a:hover {

color: #66c;

text-decoration: none;

}

.moduletable_menu li a:active {

color: #66c;

text-decoration: none;

}



/* ================  details  ==================== */

.content_rating {

    color: #889;

}

.content_vote {

    color: #889;

}

.article-info {

     color: #889;

}

/* =====================  Search results ===================== */

dl.search-results dd.result-created {

    color: #889;

}

div.search form#searchForm fieldset.word,

div.search form#searchForm fieldset.phrases,

div.search form#searchForm fieldset.only {

    border: 1px solid #999;

}

.small{

    color:#889;

}

/* =====================  Finder ===================== */

div.finder form#finder-search fieldset.word {

    border: 1px solid #999;

}

div#finder-filter-window {

    border-top: 1px solid #999;

    border-bottom: 1px solid #999;

}

/* =====================  Single Contact ===================== */

div.contact dl.tabs dt.open a {

    color: #445;

}

div.contact dl.tabs dt {

    border-left: 1px solid #999;

    border-right: 1px solid #999;

    border-top: 1px solid #999;

}

div.contact div.current {

    border: 1px solid #999;

}

/* ===================== tooltip =====================  */

.tip {

    border:1px solid #ccc;

    background:#fff;

}

/* ===================== Submit a weblink, Submit an article, Edit article =====================  */

div.edit form fieldset

{

    border: 1px solid #999;

}

/* =====================  User profile ===================== */

.profile-edit #member-profile fieldset

{

    border: 1px solid #999;

}

div.profile fieldset{

    border: 1px solid #999;

}

#slideshow-container  {

    background:#fff;

}

Citazione da: template.css
Codice: [Seleziona]
/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

/*    background: transparent; */

}

/*

body {

    line-height: 1;

}



ol, ul {

    list-style: none;

}

*/

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



/* remember to define focus styles! */

:focus {

    outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

    text-decoration: none;

}

del {

    text-decoration: line-through;

}



html body span.clr,

html body div.clr,

html body li.clr,

html body dd.clr {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/*----------------------------------------------------- */

body {

    text-align:center;

    font-size:76%;

    font-family: Arial, Helvetica, sans-serif;

    line-height:1.5;

    margin:0;

    padding:0;

}

#allwrap {

    margin: 0px auto 0 auto;

    padding: 0 0 0 0;

}

#footerwrap {

    margin: 0 auto;

    padding: 0;

}

#pathway {

font-family: Arial, Helvetica, sans-serif;

text-align: left;

margin: 0px 30px;

padding: 7px 0 0 0;

font-size: 11px;

font-weight: normal;

}

#topmenuwrap {

    margin: 0px;

    padding: 0 0 0 0;

    position: relative;

    height:35px;

    z-index:2000;

}

#topmenu {

    text-align: left;

    margin: 0px;

    padding: 0 16px;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-weight: normal;

    font-size: 14px;

    height:35px;

    position: relative;

    z-index:1000;

}

#header {

    margin: 0;

    padding: 0 30px;

    height: 100px;

    position: relative;

    z-index:2000;

}

#logo {

  text-align: left;

  float: left;

  display: inline;

  height: 100px;

    width: 260px;

    margin: 0 20px 0 0;

    padding: 0px;

}

#headerright {

  float: right;

  display: inline;

  width: 670px;

  height: 100px;

  margin: 0;

  padding: 0;

}

#hsocial {

  position: relative;

  margin: 35px 0 0 0;

  padding: 0;

}

a.mytwitter {

    float: right;

    display: inline;

    margin: 0px 5px 0 0;

    padding: 0px;

}

a.myfacebook {

    float: right;

    display: inline;

    margin: 0px 5px 0 0;

    padding: 0px;

}

a.myfeed {

    float: right;

    display: inline;

    margin: 0px 5px 0 0;

    padding: 0px;

}

a.mygoogle {

    float: right;

    display: inline;

    margin: 0px 5px 0 0;

    padding: 0px;

}

a.myyoutube {

    float: right;

    display: inline;

    margin: 0px 5px 0 0;

    padding: 0px;

}

#search {

    display: inline;

    float: right;

    width: 190px;

    margin: 0px 0 0 0;

    padding: 0px;

}

#search input.button {

    margin: 0px 0 0 0px;

    padding: 0px 4px;

    height: 32px;

    font-size: 12px;

    line-height: 18px;

}

#search input.inputbox {

    margin: 0px 0 0 0px;

    padding: 0 20px 0 5px;

    height: 30px;

    line-height: 30px;

    width: 160px;

    font-size: 12px;

}

#search div.search {

  background: none;

  padding: 0;

  margin:0;

}

#search div.search label {

  display:none;

}

#wrap {

    text-align:left;

    margin:0 0px;

    padding: 0px 0px 20px 0px;

}

#cbody {

margin: 0 10px;

padding: 20px 0 0 0;

}

#content60 {

float:left;

display: inline;

width:560px;

padding: 0;

margin: 0px 20px 0 20px;

}

#content {

    padding: 0 0px 10px 0px;

    border-left: 0px solid #ddd;

    border-right: 0px solid #ddd;

}

#footer {

margin: 0 0px;

padding: 10px 0 10px 0;

font:0.9em Arial,Helvetica,sans-serif;

text-align: center;

position:relative;

min-height: 15px;

}

#sidebar {

float:left;

display: inline;

width:200px;

padding: 2px 0 0 0;

margin: 0 20px 0 20px;

}

#sidebar-2 {

float:left;

display: inline;

width:200px;

padding: 2px 0 0 0;

margin: 0 20px 0 20px;

}

#slideshow-mod {

padding: 0;

margin: 0px 0 0 0;

}

h1,h2,h3,h4,h5,h6,p,blockquote,dl,address {

margin:0.5em 0;

}

fieldset{

margin: 0.5em 0;

padding: 0.5em 10px;

}

form{

margin: 0;

}

ul, ol {

margin: 0 0 0 1em;

padding: 0 0 0 1em;

list-style-position: outside;

}

li,dd {

margin-left:0em;

padding-left:0;

}

a {

text-decoration:none;

}

a:hover {

text-decoration:underline;

}

h1 {

    font-size:22px;

    font-family: "Times New Roman", Times, serif;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 3px 0 10px 0;

    text-align: left;

    font-weight:normal;

}

h2 {

font-size:18px;

line-height: 1.3;

font-family: Arial, Helvetica, sans-serif;

letter-spacing: 0px;

font-weight: normal;

text-align: left;

}



#logo h2 {

  line-height: 1.1;

    font-size: 43px;

    font-family:  "Georgia", serif;

    font-weight: normal;

    letter-spacing: 0px;

    margin: 20px 0 0 0px;

    padding: 0;

}

h3 {

font-size:1.15em;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

text-align: left;

}

#logo h3 {

    font-size: 11px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-style: normal;

    letter-spacing: 0px;

    margin: -5px 0 0 0px;

    padding: 0;

}

h4 {

font-size:1.1em;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

text-align: left;

}

h5 {

font-size:1.1em;

font-weight: normal;

font-family: Arial, Helvetica, sans-serif;

text-align: left;

}

h6 {

font-size:1em;

font-weight: normal;

font-family: Arial, Helvetica, sans-serif;

text-align: left;

}



#a4j {

    font-family: Arial, Helvetica, sans-serif;

    margin: 0 40px;

    text-align: center;

    font-size: 0.9em;

    padding: 10px 0 10px 0;

}

/* ==== MODULES =======================================  */

div.moduletable {

margin-bottom:30px;

border:0px #CCC solid;

padding: 0px 0px 0px 0px;

}

div.moduletable h3 {

font-family:  Arial, Helvetica, sans-serif;

text-align:left;

font-size:14px;

text-transform: uppercase;

font-weight: bold;

letter-spacing: 0px;

margin:0 0 0.5em 0;

padding: 0.1em 0 0.1em 0;

}

/* ==== SIDEBAR MODULES =======================================  */

#sidebar div.moduletable {

margin-bottom:30px;

padding: 0px 0px 0px 0px;

}

#sidebar div.moduletable h3 {

font-family: Arial, Helvetica, sans-serif;

text-align:left;

font-size:15px;

text-transform: uppercase;

font-weight: bold;

letter-spacing: 0px;

margin:0 0 0.5em 0;

padding: 0.1em 0 0.15em 0;

}

/* ==== SIDEBAR2 MODULES =======================================  */

#sidebar-2 div.moduletable {

margin-bottom:30px;

padding: 0px 0px 0px 0px;

}

#sidebar-2 div.moduletable h3 {

font-family: Arial, Helvetica, sans-serif;

text-align:left;

font-size:15px;

text-transform: uppercase;

font-weight: bold;

letter-spacing: 0px;

margin:0 0 0.5em 0;

padding: 0.1em 0 0.15em 0;

}

/* ======= FOOTER =======================  */

#footer div.moduletable {

padding: 0 0 0px 0;

margin-bottom: 0;

}

#footer div.moduletable h3 {

  display:none;

}

/* ======= SEARCH =======================  */

#search .moduletable {

  margin: 0px 0 0 0;

  padding: 0 0px 0 0;

  float: right;

}

#search .moduletable h3{

  display:none;

}

/* ======= Topmenu =========== */

#topmenu div.moduletable h3{

    display:none;

}

#topmenu .moduletable {

margin: 0 0px 0 0;

padding: 0;

height: 35px;

float: left;

}

#topmenu .menu {

    list-style: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size: 12px;

    line-height: 20px;

    text-transform: uppercase;

    letter-spacing: 0px;

    padding: 0;

    margin: 0;

}

#topmenu .menu li a {

    display: block;

    text-decoration: none;

    padding: 7px 14px 7px 14px;

}

#topmenu .menu li {

    float: left;

    padding: 0;

}

/* ======= SIDE MENUS ================================  */

.moduletable_menu {

padding: 0px 0px 5px 0px;

margin-bottom:30px;

}

.moduletable_menu h3 {

font-family: Arial, Helvetica, sans-serif;

text-align:left;

font-size:15px;

text-transform: uppercase;

font-weight: bold;

letter-spacing: 0px;

margin:0 0 0.1em 0;

padding: 0.1em 0 0.15em 0;

}

.moduletable_menu ul {

list-style:none;

margin:0;

padding:0;

}

.moduletable_menu li {

border-bottom:0px solid #ccc;

padding: 4px 0 4px 0em;

margin:0;

text-transform: uppercase;

letter-spacing:1px;

}

.moduletable_menu li a {

    display:inline;

    text-decoration:none;

    padding: 0;

}

html>body .moduletable_menu li a {

width:auto;

}

.moduletable_menu li ul {

list-style-type: square;

list-style-position: inside;

}

.moduletable_menu li ul li {

    border-bottom:0px solid #ccc;

    border-top:0px solid #ccc;

    padding: 4px 0 2px 1em;

    text-transform: none;

    letter-spacing:0px;

}

.moduletable_menu li ul li a {

    display:inline;

    text-decoration:none;

    padding: 0;

}

html>body .moduletable_menu li ul li a {

width:auto;

}

.moduletable_menu li a:hover {



}

.moduletable_menu li.current>a {



}

/* ========== content ======================*/

div#content p {

    text-align: justify;

}

a img {

    border: 0;

}



/* =========== 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 {}



/* ==============  Featured articles, Category blog  =====================7 */

.blog-featured {

        padding: 0;

}



.items-leading {

        padding:0;

        margin-bottom:20px;

}



.row-separator {

        display: block;

        clear: both;

        margin: 0;

        border: 0px;

        height:1px

}



.item-separator {

        display: none;

        margin: 0px;

}



.cols-1

{

        display: block;

        float: none !important;

        margin: 0 !important;

}



.cols-2 .column-1

{

        width:47%;

        float:left;

        margin:0;

}



.cols-2 .column-2

{

        width:47%;

        float:right;

        margin:0;

}



.cols-3 .column-1

{

        float:left;

        width:30%;

        padding: 0;

        margin-right:5%;



}

.cols-3 .column-2

{

        float:left;

        width:30%;

        margin-left: 0;

        padding: 0;

}

.cols-3 .column-3

{

        float:right;

        width:30%;

        padding: 0;

}

.cols-4 .column-1

{

        width:22%;

        float:left;

}



.cols-4 .column-2

{

        width:22%;

        margin-left:4%;

        float:left;

}



.cols-4 .column-3

{

        width:22%;

        margin-left:4%;

        float:left;

}



.cols-4 .column-4

{

        width:22%;

        margin-left:0;

        float:right;

}

.items-row

{

    margin-bottom:20px !important;

}



.column-1,

.column-2,

.column-3,

.column-4

{

        padding: 0;

}



.items-more

{

        padding:10px 0px

}



.hidelabeltxt

{

    display: none;

}

.item-page

{

   

}

/* ================  details  ==================== */

.content_rating {

        font-size:0.9em;

        color: #889;

}

.content_vote {

        font-size:0.9em;

        color: #889;

}

.content_vote input {

        font-size:1em;

}

.article-info {

        margin:5px 0 6px 0px;

        font-size:0.8em;

        color: #889;

}



.article-info-term {

        display:none;

}



.article-info dd {

        line-height:1.4em;

}



/* ===================  icons  ====================== */



ul.actions {

        text-align:left;

        padding:0 ;

        margin:0

}



ul.actions li {

        display:inline

}



ul.actions a {

        text-decoration:none

}

/* =====================  pagenav  ===================== */

div.pagenavcounter {

        margin:10px 0 0 0;

        padding: 0;

        text-align: left;

}

ul.pagenav {

    list-style-type:none;

    padding:0;

    margin-top: 10px;

    text-align: center;

}

ul.pagenav li {

    display:inline;

    padding: 0px 4px;

    margin:0;

}

ul.pagenav li {

    line-height:2em;

}

ul.pagenav li a {

    display:inline;

    text-decoration:none

}

/* ====================  pagination  ================== */



div.pagination {

        margin:10px 0 ;

        padding:10px 0;

        text-align: center;

}



div.pagination ul {

        list-style-type:none;

        margin:0;

        padding:0;

}



div.pagination li {

        display:inline;

        padding: 0;

        text-align:left;

        margin:0 5px;

}



span.pagenav {}



div#content div.pagination p.counter {

        font-weight:bold;

        text-align: center;

}

/* ===================== Archive articles =================== */

div.archive fieldset {

    padding: 6px 0;

    border: 0;

}

ul#archive-items {

        margin:20px 0 20px 0px;

        list-style-type:none;

        padding:0

}

/* ===================== List all Categories =================== */

div.categories-list ul {

    list-style-type:none;

    margin: 10px 0 0 0;

    padding: 0;

}

div.categories-list ul ul{

    list-style-type:square;

    margin: 0;

    padding: 0 0 0 25px;

}

div.categories-list ul ul ul{

    list-style-type:disc;

    margin: 0;

    padding: 0 0 0 25px;

}

div.categories-list ul ul ul ul{

    list-style-type:circle;

    margin: 0;

    padding: 0 0 0 25px;

}

div.categories-list ul ul ul ul ul{

    list-style-type:square;

    margin: 0;

    padding: 0 0 0 25px;

}

div.categories-list dl dt, div.categories-list dl dd {

    display:inline;

    font-style: italic;

}

dl.article-count dt, dl.article-count dd {

    display:inline;

    font-style: italic;

}

div.categories-list ul li span.item-title {

    font-size: 1.3em;

    font-weight: bold;

}

div.categories-list ul li ul li span.item-title {

    font-size: 1.25em;

    font-weight: bold;

}

div.categories-list ul li ul li ul li span.item-title {

    font-size: 1.15em;

    font-weight: bold;

}

div.categories-list ul li ul li ul li ul li span.item-title {

    font-size: 1.1em;

    font-weight: bold;

}

div.category-desc img.image-left {

    float: left;

    padding-right: 5px;

}

div.category-desc img.image-right {

    float: right;

    padding-left: 5px;

}

/* ===================== Subategories =================== */

div.cat-children {

    margin: 15px 0 0 0;

    padding: 0;

}

div.cat-children ul {

    list-style-type:none;

    margin: 10px 0 0 0;

    padding: 0;

}

div.cat-children ul ul{

    list-style-type:square;

    margin: 0;

    padding: 0 0 0 25px;

}

div.cat-children ul ul ul{

    list-style-type:disc;

    margin: 0;

    padding: 0 0 0 25px;

}

div.cat-children ul ul ul ul{

    list-style-type:circle;

    margin: 0;

    padding: 0 0 0 25px;

}

div.cat-children ul ul ul ul ul{

    list-style-type:square;

    margin: 0;

    padding: 0 0 0 25px;

}

div.cat-children ul li span.item-title {

    font-size: 1.2em;

    font-weight: bold;

}

div.cat-children ul li ul li span.item-title {

    font-size: 1.15em;

    font-weight: bold;

}

div.cat-children ul li ul li ul li span.item-title {

    font-size: 1.10em;

    font-weight: bold;

}

div.cat-children ul li ul li ul li ul li span.item-title {

    font-size: 1.05em;

    font-weight: bold;

}

div.cat-children ul li dl dt, div.cat-children ul li dl dd {

    display:inline;

    font-style: italic;

}

/* ===================== Category list =================== */

table.category {

    font-size:1em;

    margin:10px 0px 20px 0px;

    width:99%;

}

table.category th {

    text-transform: uppercase;

    text-align: left;

    font-weight: bold;

    font-size: 1.1em;

}

table.category td {

    text-align: left;

    padding-top: 5px;

}

table.category th img {

    padding-left: 5px;

}

/* ===================== Login/Logout =================== */

div.login fieldset {

    border: 0;

}

div.login-fields {

    margin: 10px 0 0 0;

}



div.login-fields label {

    display: inline-block;

    width:9em;

}

div.login-fields input#username,

div.login-fields input#password

{

    width: 173px;

}

div.login fieldset button.button {

    margin-top: 10px;

}

div.logout button.button {

    margin-top: 10px;

}

/* ===================== Login module =================== */

form#login-form fieldset {

    border:0;

}

form#login-form fieldset label{

    display: inline-block;

    width:9em;

}

form#login-form fieldset input#modlgn-passwd{

    width:131px;

}

form#login-form fieldset input#modlgn-username{

    width:131px;

}

/* =====================  User profile ===================== */



#users-profile-core,

#users-profile-custom

{

    margin:10px 0 15px 0;

    padding:15px;

}

#users-profile-core dl,

#users-profile-custom dl

{

    margin: 0;

    padding:0;

}

#users-profile-core dt,

#users-profile-custom dt

{

    float:left;

    width:22em;

    padding:3px 5px 3px 0;   

}



#users-profile-core dd,

#users-profile-custom dd

{

    padding:3px 0;     

}



#member-profile fieldset

{

    margin:10px 0 15px 0;

    padding:15px;

}



#users-profile-core legend,

#users-profile-custom legend,

.profile-edit legend

{

    font-weight:bold;

    font-size: 1.1em;

}



.profile-edit form#member-profile fieldset dd

{

    padding:5px 0;

}



.profile-edit form#member-profile fieldset dd input

{

    width:17em;

}

.profile-edit form#member-profile fieldset dd select

{

    width:17em;

    height: 24px;

}

.profile-edit form#member-profile fieldset dt

{

    padding:5px 5px 5px 0;

    width:22em;

    float: left;

}

.profile-edit span.optional{

    font-size:0.9em;

}

/* =====================  Registration ===================== */

div.registration form#member-registration fieldset

{

    margin:10px 0 15px 0;

    padding: 15px 0 0 10px;

    border:0;

}

div.registration form#member-registration fieldset legend

{

    font-weight:bold;

    font-size: 1.2em;

}

div.registration form#member-registration fieldset dd

{

    padding:0 0 5px 0;

}

div.registration form#member-registration fieldset dd input

{

    width:17em;

}

div.registration form#member-registration button

{

    margin-left:10px;

}

div.remind form#user-registration fieldset {

    border:0;

}

div.remind form#user-registration button {

    margin-left:10px;

}

div.reset form#user-registration fieldset {

    border:0;

}

div.reset form#user-registration button {

    margin-left:10px;

}

/* =====================  Single newsfeed ===================== */

div.newsfeed ol {

    margin-top: 10px;

}

div.newsfeed ol li a{

    font-weight: bold;

}

div.newsfeed ol li div a, div.newsfeed ol li div ol li a {

    font-weight: normal;

}

/* =====================  Search results ===================== */

dl.search-results dt.result-title {

    font-weight:bold;

    padding-top: 10px;

}

dl.search-results dd.result-text {

    padding-top: 5px;

}

dl.search-results dd.result-created {

    padding-top: 5px;

    font-size: 0.8em;

    color: #889;

}

div.search form#searchForm fieldset.word,

div.search form#searchForm fieldset.phrases,

div.search form#searchForm fieldset.only {

    border: 1px solid #ccc;

}

div.search form#searchForm fieldset.word button.button {

margin: 0px 0 0 2px;

padding: 0px 3px;

font-size: 12px;

line-height:18px;



}

div.search form#searchForm fieldset.phrases div.ordering-box{

    margin-top: 5px;

}

.small{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    line-height:1.2;

}

.highlight{

    font-weight:bold;

}

/* =====================  Finder ===================== */

dl.search-results dt.result-title {

    font-weight:bold;

    padding-top: 15px;

}

dl.search-results dd.result-url {

    padding-top: 5px;

    font-size: 0.8em;

}

div.finder form#finder-search fieldset.word {

    border: 1px solid #667;

    margin-bottom: 15px;

}

div#advanced-search {

    padding-bottom: 5px;

}

a#advanced-search-toggle {

    font-size: 14px;

}

div#finder-filter-window {

    border-top: 1px solid #667;

    border-bottom: 1px solid #667;

    padding: 5px 0;

}

ul#finder-filter-select-list {

list-style:none;

margin:0;

padding:0;

}

ul#finder-filter-select-list li.filter-branch {

    padding: 5px 0;

}

ul#finder-filter-select-list li.filter-branch label {

    padding-right: 10px;

}

div.search-pages-counter {

        margin:10px 0 ;

        padding:10px 0;

        text-align: center;

}

/* =====================  Single Contact ===================== */

div.contact-form {

    margin-bottom: 10px;

}

div.contact-form label {



}

div.contact-form form#contact-form dl {

    margin: 10px 0;

}

div.contact-form form#contact-form dt {

    margin: 7px 0 0 0;

}

div.contact-form form#contact-form dd {

    margin: 0px 0 0 0;

}

address span {

    display:block

}

div.contact form#contact-form button.button {

    float:none !important;

    clear:left;

    display:block;

    margin:15px 0 0 0;

}



div.contact dl.tabs {

    float:left;

    margin: 20px 0 0 0;

    padding: 0;

    clear:both;

}

div.contact dl.tabs dt {

    float: left;

    padding: 2px 10px;

    border-left: 1px solid #ccd;

    border-right: 1px solid #ccd;

    border-top: 1px solid #ccd;

    margin-right: 4px;

    background: none;

}

div.contact dl.tabs dt a {

    font-weight: normal;

}

div.contact dl.tabs dt.open {

    background: none;

    border-bottom: 0px solid #ccd;

}

div.contact dl.tabs dt.open a {

    color: #445;

}

div.contact dl.tabs dt h3{

    margin: 2px 0;

    padding:0;

}

div.contact div.current {

    clear: both;

    border: 1px solid #ccd;

    padding: 15px 15px;

    margin: 0;

}

div.contact dl.tabs dd {

    clear:both;

    padding: 0;

    margin: 0;

}



/* =====================  List Contacts, Newsfeeds ===================== */

form#adminForm fieldset.filters {

    border:0;

    padding: 0;

}

/* ===================== tooltip =====================  */

.tip

{

    font-size:0.8em;

    text-align:left;

    padding:5px;

    max-width:400px;

    border:1px solid #ccc;

    background:#fff;

}

.tip-title

{

        font-weight:bold;

}

/* ===================== Email to a friend =====================  */

div#mailto-window{

    margin: 15px;

}

form#mailtoForm div.formelm label {

    text-align: right;

    display: inline-block;

    width:8em;

    padding-right: 5px;

}

form#mailtoForm div.formelm {

    margin: 5px 0;

}

/* ===================== Submit a weblink, Submit an article, Edit article =====================  */

div.edit form#adminForm div.formelm label {

    text-align: left;

    display: inline-block;

    width:12em;

    padding-right: 5px;

}

div.edit form#adminForm div.formelm {

    margin: 5px 0;

}

div.edit form#adminForm div.formelm-area label {

    text-align: left;

    float:left;

    width:12em;

    padding-right: 5px;

}

div.edit form#adminForm div.formelm-area {

    margin: 5px 0;

}

div.edit form#adminForm legend

{

    font-weight:bold;

    font-size: 1.1em;

}

/* ===================== Statistics module =====================  */

dl.stats-module dt {

    float:left;

    padding: 0 10px 0 0;

    font-weight:bold;

}

dl.stats-module_light dt {

    float:left;

    padding: 0 10px 0 0;

    font-weight:bold;

}

dl.stats-module_dark dt {

    float:left;

    padding: 0 10px 0 0;

    font-weight:bold;

}

/* ===================== Newsflash module =====================  */

div.newsflash p {

    text-align: justify;

}

div.newsflash_light p {

    text-align: justify;

}

div.newsflash_dark p {

    text-align: justify;

}

/* ===================== Wrapper =====================  */

div.contentpane {

    border: 0px solid #ccc;

}

/* ===================== Slideshow =====================  */

#slideshow-container  {

    width:930px;

    height:380px;

    position:relative;

    margin: 25px 25px 0 25px;

    padding:0px;

    border: 0px solid #eaeaea;

    background:#fff;

}

#slideshow-container img {

    width:930px;

    height:380px;

    display:block;

    position:absolute;

    top:0px;

    left:0px;

    z-index:1;

}

#slcontrol {

    height: 50px;

    width:930px;

    position: absolute;

    top: 40%;

    left:0px;

    z-index: -1;

}

a#slprev {

    background: url("../images/previous-white.png") no-repeat scroll left center transparent;

    cursor: pointer;

    float: left;

    height: 50px;

    width: 50px;

}

a#slnext {

    background: url("../images/next-white.png") no-repeat scroll right center transparent;

    cursor: pointer;

    float: right;

    height: 50px;

    width: 50px;

}

/* ===================== System message =====================  */

div#system-message-container ul{

    margin:0;

}


Vi serve qualche altro file e il link del sito

Grazie in anticipo a tutti.
« Ultima modifica: 03 Dic 2012, 01:10:56 da cesco v91 »

Offline cesco v91

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Re:Sostituire un testo con un'mmagine
« Risposta #1 il: 30 Nov 2012, 21:34:59 »
Nessuno proprio? :(

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Sostituire un testo con un'mmagine
« Risposta #2 il: 01 Dic 2012, 02:08:59 »
ciao
possiamo capire che non sai molto di php e di css, ma se avresti guardato  riguardato il tuo index del template  avresti già risolto.
 cerca questa dicitura
Codice: [Seleziona]
<div id="header" class="gainlayout">   
      <div id="logo" class="gainlayout">
             <h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?></a></h2>
            <h3><?php echo htmlspecialchars($slogan); ?></h3>
      </div>
questo e il tuo logo che ora hai la scritta.

crei una posizione   e ci metti il tuo  logo
qui come creare una posizione
http://www.joomla.it/mediawiki/index.php/Joomla!_2.5:Creare_un_template/Posizione_moduli

se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline cesco v91

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Re:Sostituire un testo con un'mmagine
« Risposta #3 il: 02 Dic 2012, 21:49:47 »
Ciao ti ringrazio moltissimo per la risposta. Ma ancora non ne sono venuto a capo.
Ho creato la posizione, e sono 2 giorni che provo a far uscire l'immagine ma non riesco.

Ho trovato anche un topic con praticamente il mio stesso problema. Io sfrutterei il suo stesso sistema lasciando il campo testo vuoto e con un immagine più piccola.
http://forum.joomla.it/index.php?topic=172408.0

Leggendo quel codice ho notato che il pezzo che dovrebbe servirmi dovrebbe essere questo in rosso

Codice: [Seleziona]
<div id="header" class="gainlayout">
      <div id="logoimg" class="gainlayout">
         <img src="/templates/a4joomla-ocean-free/images/Header.jpg" />
      <>
      <div id="logo" class="gainlayout">
              <h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?>[/url]</h2>
         <h3><?php echo htmlspecialchars($slogan); ?></h3>
Dopo aver copiato il codice il sito semplicemente non si apre.
Ovviamente ho sostituito il link dell'immagine a cui lui fa riferimento con la mia immagine
Ho pensato che è dovuto alla dicitura
Codice: [Seleziona]
<div id="logoimg" class="gainlayout">
Quel "logoimg" fa riferimento alla posizione? Perché anche cambiandola con la mia niente.


Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Sostituire un testo con un'mmagine
« Risposta #4 il: 02 Dic 2012, 22:16:18 »
vedi
che dal tuo code postato hai 2 apici che non servono
fai questa prova
Codice: [Seleziona]
<div id="header" class="gainlayout">   
      <div id="logo" class="gainlayout">
 
<img src="/templates/a4joomla-ocean-free/images/tuaimmagine.jpg" />     
</div>
leva la parte

 
Codice: [Seleziona]
<h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?></a></h2>
            <h3><?php echo htmlspecialchars($slogan); ?></h3>
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline cesco v91

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Re:[Risolto]Sostituire un testo con un'mmagine
« Risposta #5 il: 03 Dic 2012, 01:12:00 »
Aaaaaa tutto funzionante.
Ti ringrazio davvero molto. Ora sto giocando con le posizioni.

Ripeto, ancora grazie :)
Potete chiudere.


 



Web Design Bolzano Kreatif