Back to top

Autore Topic: [RISOLTO]Modificare stile css  (Letto 3070 volte)

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO]Modificare stile css
« il: 08 Ago 2013, 15:36:50 »
Ciao a tutti  :D  spero anche questa volta possiate aiutarmi! http://www.calciocampania24.it
se aprite il sito noterete che sopra il logo c'è un menù forse non si vede bene ma se passate il mouse selezionando esce fuori qualche scritta perchè sono bianche. Dovrei modificare lo stile di quel menù proprio come quello sotto il logo, cioè voci di menù con la scritta nera che al passaggio del mouse diventano arancioni e allineate in orizzontale e non in verticale, dovrebbe andar via anche il nome del menù. Inoltre mi sono creato una barra grigia cm quella del menù sotto il logo soltanto che ha i bordi smussati verso il basso come faccio ad inserirla sotto il menù?? Sto smanettando nel CSS ma non riesco.
Grazie
« Ultima modifica: 08 Ago 2013, 23:52:23 da tricco »

Offline Peppe-73

  • Instancabile
  • ******
  • Post: 2833
  • Sesso: Maschio
  • La mia musica ? Pop anni 80 " la musica "
    • Mostra profilo
Re:Modificare stile css
« Risposta #1 il: 08 Ago 2013, 16:18:47 »
Cerca in defoult.css questa riga, che dovrebbe essere riga59



a:link, a:visited {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
Si dice che gli amici sono come l'ombrello........ quando ti serve non lo hai mai....

Visitate il mio sito https://nikonfoto.altervista.org/ per gli appassionati della fotografia.  -----  Invece per chi ama Minecraft e cerca un server visitate https://portaleminecraft.altervista.org/

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #2 il: 08 Ago 2013, 20:55:40 »
ho provato, ma con quel codice riesco a cambiare solo il colore, tutto il resto no! Altri consigli??  :(

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #3 il: 08 Ago 2013, 21:36:27 »
Ciao tricco,
ti devi scrivere il codice per quel menù, ad esempio:

Codice: [Seleziona]
#mydiv a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

#mydiv a:hover {
color:#f8c60d;
}


#mydiv  ul {
padding:0;
}

#mydiv li  {
    float: left !important;
    margin: 0;
    padding: 20px;
background:#C3C2C2;
list-style-type:none;
border-right:3px solid red;
}

lo aggiungi al fondo del file css del template. Rimangono però dei problemi, dovuti immagino a come hai sistemato i div, ad esempio il float left che permette al menù di stare su una riga, fa salire il marchio.

Comunque puoi cominciare dal codice sopra e vedere come va.

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #4 il: 08 Ago 2013, 21:37:30 »
Ah, il titolo lo togli dall'interno del modulo.

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #5 il: 08 Ago 2013, 22:06:32 »
ciao adottauncane  :D  ho provato a fare come mi hai detto e buona parte funziona ma come sospettavi anche tu c'è qualche problema.....è possibile far comparire la barra che ho creato interamente anche se le voci di menù sono poche? il percorso del file caricato è il seguento: /images/wrapper-toptop.png (dove va posizionato? e dimmi perfavore come posso fare per posizionare in modo centrale nuovamente il logo :D

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #6 il: 08 Ago 2013, 22:22:51 »
Mmmm, per come è fatto adesso non sembra sia possibile inserire una misura o un background per tutta la larghezza sotto le voci di menù. Hai messo tu la posizione? Controlla come hai inserito il div per il css, magari confrontandola con le altre posizioni del template.

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #7 il: 08 Ago 2013, 22:26:46 »
sisi la posizione l'ho aggiunta io, non è che potresti controllarla tu magari ti posto una parte del codice? ho avuto problemi per inserire quella posizione ed ho chiesto stesso qui sul forum quindi non credo sarei capace di capire se è posizionata bene o meno  :-\

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #8 il: 08 Ago 2013, 22:34:19 »
Meglio se mi mandi user e pass provvisori da super admin in PM per entrare nell'amministrazione...

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #9 il: 08 Ago 2013, 23:02:16 »

qui cè il file .php magari vi può essere utile
Codice: [Seleziona]
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
##          SPORTISSIMO                            ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = OCTOBRE 2012                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
## version (joomla)                                ##
##                                                 ##
#####################################################
****************************************************/


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




?>



<!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>
<jdoc:include type="head" />
       
<?php           
$mod_right 
$this->countModules'position-7' );        
 if ( 
$mod_right ) { $width '';         } else { $width '-full';}        
 
?>

 
 <?php          
 $text1 
$this->params->get("text1""Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus semper. ");        
 
$text2 $this->params->get("text2""Maecenas a accumsan felis. Praesent scelerisque volutpat egestas.");
 
$text3 $this->params->get("text3""Pellentesque varius, tortor nec ultricies pretium, odio est gravida dolor, et rutrum erat. ");      
 
$slidedisable $this->params->get("slidedisable"); 
 
?>

 
 <?php         
 $title1 
$this->params->get("title1""01.news and features");         
 
$title2  $this->params->get("title2""02.players and staff");
 
$title3  $this->params->get("title3""03.tickets matches");
 
$title4  $this->params->get("title4""04.club events");  
 
$title5  $this->params->get("title5""05.latest news");          
 
?>



 <?php  
 
JHtml::_('behavior.framework'true);
 
$app JFactory::getApplication();
 
$templateparams     $app->getTemplate(true)->params
 
$csite_name $app->getCfg('sitename');
 
?>

 
 <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut.css" type="text/css" />
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>
 
 <script type="text/javascript">        
 $(document).ready(function() {      
 $(' .navigation ul  ').superfish({    delay:       800,                             
 animation:   {opacity:'show',height:'show'},   
 speed:       'normal',                         
 autoArrows:  false,                             
 dropShadows: false                             
 });    
 });   
 </script>  
 
 <script type="text/javascript">    
 $(document).ready(
 function(){
 $('#news').innerfade({
 animationtype: 'slide',
 speed: 750,
 timeout: 2000,
 type: 'random',
 containerheight: '1em'
 });
 }); 
 </script>


 <script type="text/javascript">                                                            
$(function(){                                
$("#faded").faded({                                
 speed: 4000,                                
  crossfade: true,                                
 autoplay: 5000,                                
 autorestart: 500,                                
 autopagination:false                                
});                                
});
 
 </script>
 </head>
<body>     
    <div id="content">        
        <div class="pagewidth">
            <div id="mydiv">
            <jdoc:include type="modules" name="position-new" style="xhtml" />
            <>                
            <div id="sitename">                                  
                 <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" width="219" height="192" alt="logotype" margin"auto" /></a>                      
            <>                
                <div class="pagewidth2">                        
                    <div id="content-top">                        
                        <div id="topmenu">                                          
                            <div class="navigation">                                                           
                                <jdoc:include type="modules" name="position-1" />                                                   
                            <>                              
                        <>                                
                            <div id="content-bottom">                                  
                                <div id="hightlight-t">HOT NEWS:<>                                          
                                    <div id="hightlight-b">                                                    
                                        <ul id="news">                                                                
                                            <li><a href="#n1"><?php echo $text1 ?></a></li>                                                              
                                            <li><a href="#n2"><?php echo $text2 ?></a></li>                                                              
                                            <li><a href="#n3"><?php echo $text3 ?></a></li>                                                    
                                        </ul>                                            
                                   <>                                        
                                        <div id="search">                                                            
                                            <jdoc:include type="modules" name="position-0" />                                                    
                                        <>                        
                                <>                                
                    <>                        
                        <?php $menu JSite::getMenu(); ?>
                        <?php $lang JFactory::getLanguage(); ?>
                        <?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
                        <?php if ($this->params->get'slidedisable' )) : ?>   <?php include "slideshow.php"?><?php endif; ?>
                        <?php ?>         
                       <div id="pathway-w">                                  
                            <div id="pathway">                                        
                                <div id="pathway-b">                                                
    <jdoc:include type="modules" name="position-2"/>                                
<>                                    
        <div id="datetime">                                                                               
    <?php echo date('d\ -F \-Y - H\:i'); ?>                                                                       
<>                              
<>                            
<>                                    
    <div id="wrapper"> <!---main--->                                    
    <?php if ($this->countModules('position-3') || $this->countModules('position-4') || $this->countModules('position-6') || $this->countModules('position-8')) { ?>                                            
    <div id="wrapper-box">                                                
    <div class="box">                                                    
    <jdoc:include type="modules" name="position-3" style="xhtml" />                                                
<>                                            
     <div class="box">                                                    
        <jdoc:include type="modules" name="position-4" style="xhtml" />                                                
    <>                                            
    <div class="box">                                                    
    <jdoc:include type="modules" name="position-6" style="xhtml" />                                                
<>                                        
<div class="box-f">                                                    
    <jdoc:include type="modules" name="position-8" style="xhtml" />                                                
<>
                                                <div id="mydiv">
                                                                                    <jdoc:include type="modules" name="position-new" style="xhtml" />
                                                                                <>
                                                                                                         
<>                                        
<?php ?>                                        
<div id="main<?php echo $width ?>">                                                                
          <jdoc:include type="component" />
                                     
<>                                        
<?php if ($this->countModules('position-7')) { ?>                                           
        <div id="colonne">                                                                                    
    <div id="right">                                                                                            
    <jdoc:include type="modules" name="position-7" style="xhtml" />                                                                                    
<>                                           
<>                                        
<?php ?>                            
<>                               
    <div id="ftb-f">
    <div class="ftb">        
    <?php echo date'Y' ); ?>  <?php echo $csite_name?>  <?php require("template.php"); ?>                               
<>
    <div id="top">                                       
    <div class="top_button">                                           
    <a href="#" onclick="scrollToTop();return false;">                        
    <img src="templates/<?php echo $this->template ?>/images/top.png" width="30" height="30" alt="top" /></a>                                       
<>                
<>                                           
<>      
<>
    <>
</body>
</html>

 

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #10 il: 08 Ago 2013, 23:23:13 »
Aggiungi anche questo:

Codice: [Seleziona]
#mydiv {
    background: none repeat scroll 0 0 #000000;
    height: 57px;
    width: 908px !important;
}

poi nel background metti il colore che vuoi (o l'immagine). Dovrebbe bastare.

Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #11 il: 08 Ago 2013, 23:39:29 »
ci siamo quasi, adesso il logo si è sistemato :D manca la barra che ancora non la vedo forse bisogna togliere quel grigio da sotto la voce di menù altrimenti non si vede la barra oppure non se la prende perchè forse ho sbagliato ad inserire il collegamento ma mi sembra corretto :-\  mmmmm

adottauncane

  • Visitatore
Re:Modificare stile css
« Risposta #12 il: 08 Ago 2013, 23:45:16 »
Sì, hai sbagliato a scrivere:
Codice: [Seleziona]
#mydiv {
    background: url(../images/wrapper-toptop.png);
    height: 57px;
    width: 908px !important;
}

mettilo così.

Però per avere una striscia grigia puoi mettere un colore anziché un'immagine.


Offline tricco

  • Esploratore
  • **
  • Post: 54
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare stile css
« Risposta #13 il: 08 Ago 2013, 23:51:59 »
si è che preferivo l'immagine perchè l'avevo preparata con i bordini smussati :D però a quanto vedo la devo rifare ci sarà qualche  problema nel png è smussato a fantasia sua ahahah....bè che dire anche questa discussione è risolta :D ti ringrazio davvero tanto come sempre siete sempre molto gentili
aggiungo risolto al titolo :)

adottauncane

  • Visitatore
Re:[RISOLTO]Modificare stile css
« Risposta #14 il: 09 Ago 2013, 00:24:53 »
Probabilmente per metterlo come vuoi ti basta scrivere così:

Codice: [Seleziona]
#mydiv {    background: url("../images/wrapper-toptop.png") no-repeat scroll 0 0 transparent;    height: 57px;    width: 908px !important;}

 



Web Design Bolzano Kreatif