Back to top

Autore Topic: visualizzazione del sito da diversi browser  (Letto 4192 volte)

Offline Stumbarrone

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
visualizzazione del sito da diversi browser
« il: 09 Mag 2012, 17:18:55 »
ciao a tutti,

sto realizzando un sito utilizzando come template beez_20, con delle modifiche che sto apportando.
Ho notato che se apro il sito installato in locale da firefox, vedo tutto bene ( ho iniziato a lavorarci da firefox, quindi è normale immagino) se lo apro con chromium o epiphany ( sono utonto GNU/Linux) la "formattazione" del sito è sballata.

dato che non ho idea di come gestire questa cosa, qualcuno può aiutarmi?


Grazie a tutti.

Offline pcpntk

  • Appassionato
  • ***
  • Post: 237
  • Sesso: Maschio
  • joomla vers. prematurata - LongTermSupercazzola
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #1 il: 09 Mag 2012, 21:51:04 »
se non c'è già inserisci un reset.css, se no devi smanettare i css!
hei, mentre attendi la risposta al tuo quesito, vaga nel forum alla ricerca di risposte che tu puoi dare, è il primo passo per aiutare la community! il secondo è almeno chiudere le conversazioni iniziate...
(vale per ogni forum!)

Offline Stumbarrone

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #2 il: 10 Mag 2012, 12:37:42 »
grazie per la risposta, ma avrei bisogno di qualche altra spiegazione :-[

il file reset.css lo devo mettere nella cartella css del template? (immagino di si, ma preferisco essere sicuro)
il file reset.css che codice deve contenere? non penso che basti creare un file vuoto e nominarlo reset.css.


Spero tu possa aiutarmi, ti ringrazio cmq per l'aiuto che mi hai già dato.

 :D

Offline pcpntk

  • Appassionato
  • ***
  • Post: 237
  • Sesso: Maschio
  • joomla vers. prematurata - LongTermSupercazzola
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #3 il: 10 Mag 2012, 12:54:57 »
in alcuni template già c'è, controlla.
in ogni caso, come ogni foglio di css va richiamato nel template (mettilo prima degli altri css), è vero che joomla è fantastico, ma non può far miracoli :)

in ogni caso i reset.css li trovi su google, in realtà non c'è un vero e proprio standard, ma una volta che ne trovi uno che fa al caso tuo usa quello per tutti i siti! risolve un bel po di problemi di "crossbrowser"
hei, mentre attendi la risposta al tuo quesito, vaga nel forum alla ricerca di risposte che tu puoi dare, è il primo passo per aiutare la community! il secondo è almeno chiudere le conversazioni iniziate...
(vale per ogni forum!)

Offline Stumbarrone

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #4 il: 10 Mag 2012, 15:27:19 »
ciao,

...allora sono andato nella cartella template, ho creato un file vuoto al cui interno ho incollato il codice che ho trovato in internet cercando su google :reset.css.

ho salvato il file nominandolo reset.css e l'ho posizionato all'interno della cartella /template/css e l'ho messo come primo file.

Poi ho aperto chromium e il problema si presenta nella stessa identica maniera.

sono andato a cercarne un'altro e non risolvo nulla.

credo di sbagliare in uno dei passaggi...

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #5 il: 10 Mag 2012, 15:31:37 »
Citazione
in ogni caso, come ogni foglio di css va richiamato nel template (mettilo prima degli altri css),
Hai saltato questo passaggio.

Offline Stumbarrone

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #6 il: 10 Mag 2012, 15:58:10 »

in ogni caso, come ogni foglio di css va richiamato nel template (mettilo prima degli altri css),



ok ho saltato questo passaggio, ma non so a cosa corrisponde: richiamare il foglio .css nel template,

ho cercato su internet e correggetemi se sbaglio vuol dire che devo inserire  da qualche parte qualcosa del tipo:

<html>
 <head>
 <title>Titolo della pagina</title>
 <link href="/nomefile.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 ............
 </body>
 </html>


...ma non dice dove inserirlo

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #7 il: 10 Mag 2012, 19:37:16 »
Si inserisce nel file index.php del template, duplica una riga uguale a quella che richiama il css del template e ci sostituisci il nome

Offline Stumbarrone

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #8 il: 17 Mag 2012, 16:54:55 »
probabilmente continuo a sbagliare. chiedo scusa a tutti quelli che mi stanno aiutando e rispondendo.

Andando nel file index.php che trovo nella cartella joomla/template/beez_20 ho il seguente codice:

Codice: [Seleziona]
<?php
/**
 * @package                Joomla.Site
 * @subpackage    Templates.beez_20
 * @copyright        Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license                GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn        = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom                        = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft                        = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if (
$showRightColumn==and $showleft==0) {
        
$showno 0;
}

JHtml::_('behavior.framework'true);

// get params
$color              $this->params->get('templatecolor');
$logo               $this->params->get('logo');
$navposition        $this->params->get('navposition');
$app                JFactory::getApplication();
$doc                JFactory::getDocument();
$templateparams     $app->getTemplate(true)->params;

$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js''text/javascript'true);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language?>" dir="<?php echo $this->direction?>" >
        <head>
                <jdoc:include type="head" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/position.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/layout.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/print.css" type="text/css" media="print" />
<?php
        $files 
JHtml::_('stylesheet''templates/'.$this->template.'/css/geberal.css'nullfalsetrue);
        if (
$files):
                if (!
is_array($files)):
                        
$files = array($files);
                endif;
                foreach(
$files as $file):
?>

                <link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
                 
endforeach;
        endif;
?>

                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/<?php echo htmlspecialchars($color); ?>.css" type="text/css" />
<?php            if ($this->direction == 'rtl') : ?>
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/template_rtl.css" type="text/css" />
<?php                if (file_exists(JPATH_SITE '/templates/beez_20/css/' $color '_rtl.css')) :?>
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/<?php echo $color ?>_rtl.css" type="text/css" />
<?php                endif; ?>
<?php            endif; ?>
                <!--[if lte IE 6]>
                <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/general.css" rel="stylesheet" type="text/css" />

                <?php if ($color=="personal") : ?>
                <style type="text/css">
                #line
                {      width:98% ;
                }
                .logoheader
                {
                        height:200px;

                }
                #header ul.menu
                {
                display:block !important;
                      width:98.2% ;


                }
                 </style>
                <?php endif;  ?>
                <![endif]-->
                <!--[if IE 7]>
                        <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/ie7only.css" rel="stylesheet" type="text/css" />
                <![endif]-->
                <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/javascript/hide.js"></script>

                <script type="text/javascript">
                        var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
                        var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
                        var altopen='<?php echo JText::_('TPL_BEEZ2_ALTOPEN'true); ?>';
                        var altclose='<?php echo JText::_('TPL_BEEZ2_ALTCLOSE'true); ?>';
                        var bildauf='<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/plus.png';
                        var bildzu='<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/minus.png';
                        var rightopen='<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTOPEN'true); ?>';
                        var rightclose='<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?>';
                        var fontSizeTitle='<?php echo JText::_('TPL_BEEZ2_FONTSIZE'); ?>';
                        var bigger='<?php echo JText::_('TPL_BEEZ2_BIGGER'); ?>';
                        var reset='<?php echo JText::_('TPL_BEEZ2_RESET'); ?>';
                        var smaller='<?php echo JText::_('TPL_BEEZ2_SMALLER'); ?>';
                        var biggerTitle='<?php echo JText::_('TPL_BEEZ2_INCREASE_SIZE'); ?>';
                        var resetTitle='<?php echo JText::_('TPL_BEEZ2_REVERT_STYLES_TO_DEFAULT'); ?>';
                        var smallerTitle='<?php echo JText::_('TPL_BEEZ2_DECREASE_SIZE'); ?>';
                </script>

        </head>

        <body>

<div id="all">
        <div id="back">
                <div id="header" style="padding-top: 10px;">
                                <div class="logoheader">
                                        <h1 id="logo">

                                        <?php if ($logo): ?>
                                        <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
                                        <?php endif;?>
                                        <?php if (!$logo ): ?>
                                        <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
                                        <?php endif; ?>
                                        <span class="header1">
                                        <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
                                        </span></h1>
                                </div><!-- end logoheader -->
                                        <ul class="skiplinks">
                                                <li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ2_SKIP_TO_CONTENT'); ?></a></li>
                                                <li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_NAV'); ?></a></li>
                                            <?php if($showRightColumn ):?>
                                            <li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_INFO'); ?></a></li>
                                           <?php endif; ?>
                                        </ul>
                                        <h2 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAV_VIEW_SEARCH'); ?></h2>
                                        <h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
                                        <jdoc:include type="modules" name="position-1" />
                                        <div id="line">
                                       </div><!-- <div id="fontsize"></div>
                                        <h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
                                        <jdoc:include type="modules" name="position-0" />
                                        </div>--> <!-- end line -->


                        </div><!-- end header -->
                        <div id="<?php echo $showRightColumn 'contentarea2' 'contentarea'?>">
                                        <div id="breadcrumbs">

                                                        <jdoc:include type="modules" name="position-2" />

                                        </div>

                                        <?php if ($navposition=='left' and $showleft) : ?>


                                                        <div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
                                                   <jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
                                                                <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
                                                                <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />


                                                        </div><!-- end navi -->
               <?php endif; ?>

                                        <div id="<?php echo $showRightColumn 'wrapper' 'wrapper2'?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

                                                <div id="main">

                                                <?php if ($this->countModules('position-12')): ?>
                                                        <div id="top"><jdoc:include type="modules" name="position-12"   />
                                                        </div>
                                                <?php endif; ?>

                                                        <jdoc:include type="message" />
                                                        <jdoc:include type="component" />

                                                </div><!-- end main -->

                                        </div><!-- end wrapper -->

                                <?php if ($showRightColumn) : ?>
                                        <h2 class="unseen">
                                                <?php echo JText::_('TPL_BEEZ2_ADDITIONAL_INFORMATION'); ?>
                                        </h2>
                                        <div id="close">
                                                <a href="#" onclick="auf('right')">
                                                        <span id="bild">
                                                                <?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?></span></a>
                                        </div>


                                        <div id="right">
                                                <a id="additional"></a>
                                                <jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
                                                <jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3"  />
                                                <jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3"  />
                                        </div><!-- end right -->
                                        <?php endif; ?>

                        <?php if ($navposition=='center' and $showleft) : ?>

                                        <div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >

                                                <jdoc:include type="modules" name="position-7"  style="beezDivision" headerLevel="3" />
                                                <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
                                                <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />


                                        </div><!-- end navi -->
                   <?php endif; ?>

                                <div class="wrap"></div>

                                </div> <!-- end contentarea -->

                        </div><!-- back -->

                </div><!-- all -->

                <div id="footer-outer">
                        <?php if ($showbottom) : ?>
                        <div id="footer-inner">

                                <div id="bottom">
                                        <div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
                                        <div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
                                        <div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
                                </div>


                        </div>
                                <?php endif ; ?>

                        <div id="footer-sub">


                                <div id="footer">

                                        <jdoc:include type="modules" name="position-14" />
                                        <p>
                                                <?php echo JText::_('TPL_BEEZ2_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
                        <?php echo JText::_('&');?> <a href="http://www.garlach44.eu/">Garlach44®</a>
                                        </p>


                                </div><!-- end footer -->

                        </div>

                </div>
                <jdoc:include type="modules" name="debug" />
        </body>
</html>


Ho provato a rinominare la riga 42
Codice: [Seleziona]
$files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/geberal.css', null, false, true);sostituendo a: "/general.css" "reset.css" ove il file reset.css è stato collocato nella cartella joomla/template/css.

Ho provato questa cosa con un paio di file reset.css diversi ma non ho avuto alcun risultato

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:visualizzazione del sito da diversi browser
« Risposta #9 il: 17 Mag 2012, 18:20:07 »
Non devi sostituire in una riga il nome , ma aggiungerlo, così come hai fatto hai eliminato un richiamo ad un file css.

 



Web Design Bolzano Kreatif