Back to top

Autore Topic: css e php per cambiare nome a una posizione  (Letto 1950 volte)

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
css e php per cambiare nome a una posizione
« il: 07 Nov 2011, 17:13:37 »
Ho modificato il mio template spostando il content sulla sinistra e la colonna dove inserisco i vari moduli sulla destra, solo che ora mi rimane la colonna sulla destra con la label left sia sull'index.php


Codice: [Seleziona]
  <!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" />
<link rel="stylesheet" type="text/css" href="http://www.meccanicaweb.it/templates/system/css/system.css"  />
<link rel="stylesheet" type="text/css" href="http://www.meccanicaweb.it/templates/system/css/general.css"  />
<link rel="stylesheet" type="text/css" href="http://www.meccanicaweb.it/templates/zetes/style.css"  />
</head>
<?php 
$active 
JFactory::getApplication()->getMenu()->getActive();
?>

<body class="<?php echo $active->alias?>">


<div id="sitebg">
<div id="wrapper">
<!--Header-->


    <div id="header">

<!--LOGO-->
<span id="logo">
          <a href="http://www.meccanicaweb.it"><img src="http://www.meccanicaweb.it/templates/zetes/images/logo.png"></a>
        </span>

        <!--TOPMENU-->
        <div id="topmenu">
        <jdoc:include type="modules" name="topmenu"  />
        <>


        <!--RIGHT BANNER-->
        <div id="angolo_zetes">
        <jdoc:include type="modules" name="angolo_zetes" style="xhtml" />
         <>


    <>


   
    <div id="main">
   
    <!--MAIN CONTENT-->
<div id="main_content">
                <div class="content_top"><div class="breadcrumb"><jdoc:include type="modules" name="breadcrumb" /><><>
                    <div class="content">
                    <jdoc:include type="component" />
                    <>
                 <div class="content_bottom"><>
            <>
           
            <!--RIGHT MODULE-->
            <div id="left">
             <jdoc:include type="modules" name="right" style="xhtml" />
            <>           
           
        <!--CENTRAL BANNER-->
            <div id="banner-centrale">
             <jdoc:include type="modules" name="banner-centrale" style="xhtml" />
            <>


           <!--RIGHT BAR-->
            <div id="barra-destra">
           <jdoc:include type="modules" name="barra-destra" style="xhtml" />
            <>


    <div style="clear:both"><>
    <>
<>
<>


    <!--FOOTER-->
    <div id="footer">
        <div id="foot_content">
        <div class="footbg">
                <div id="foot_modules">
                    <div class="user4">
                    <jdoc:include type="modules" name="user4" style="xhtml" />
                    <>
                    <div class="user5">
                    <jdoc:include type="modules" name="user5" style="xhtml"  />
                    <>
                    <div class="user6">
                    <jdoc:include type="modules" name="user6" style="xhtml"  />
                    <> 
                 <>     
            <>
        <>
        <div class="foot_bottom"><>
    <>
   
    <!--Copyright-->
    <div id="copy">
    <div class="copy_content" style="text-align:center">
    Copyright © 2010 <a href="http://www.meccanicaweb.it">MeccanicaWeb</a> Powered by Joomla<br />
    <span>Template di Towfiq modificato da Valerio Rossi</span>
    <>
    <>
   
    <!--GOOGLE ANALYTICS-->
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6883181-4");
pageTracker._trackPageview();
} catch(err) {}</script>

<script type="text/javascript" src="http://www.meccanicaweb.it/includes/js/ASCIIMathMLwFallback.js"></script>
<script type="text/javascript" src="http://www.meccanicaweb.it/templates/zetes/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="http://www.meccanicaweb.it/templates/zetes/js/other.js"></script>
<script type="text/javascript" src="http://www.meccanicaweb.it/templates/zetes/js/zetes.js"></script>
</body>
</html>



sia sul css


Codice: [Seleziona]
/* Zetes CSS Document */


body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4F4F4F; margin:0; padding:0;background:#0865c3;}
#sitebg{ width:1024px; height:100%; margin:0 auto;background:url(images/topbg_blue.jpg) no-repeat top;}
#wrapper{ width:960px; margin:0 auto; }
#header{width:960px;}
#slideshow{background:url(images/shadow_blue.jpg) bottom no-repeat;}


/*LOGO*/
#logo{width:550px;margin:0px;}
#logo a img{border:none;}


/*MENU **/
#topmenu{ float:center; margin-top:-10px;}
#topmenu ul{ }
#topmenu li{ display: block; float: left; list-style: none outside none; margin: 0 2px;}
#topmenu  li a{ float: left; font-size: 11px;font-weight: bold; padding: 0 0 0 9px;text-transform: uppercase; background:url(images/menu-left.png) no-repeat left center;text-decoration:none;}
#topmenu  li.active a{background:url(images/menu-left-curr.png) no-repeat left center;}
#topmenu li a span{    color: #E0F3FF;display: block;float: left;height: 66px;line-height: 53px;
    padding: 0 18px 0 8px;background:url(images/menu-center.png) no-repeat scroll right center;}
#topmenu li.active a span{ color: #FFFFFF; display: block; background:url(images/menu-center-curr.png) no-repeat scroll right center;}
#topmenu li a:hover span{    color: #FFF;display: block;float: left;height: 66px;background:url(images/menu-center-curr.png) no-repeat scroll right center;}
#topmenu  li a:hover{ color: #FFFFFF;display: block;float: left;font-size: 11px;font-weight: bold;height: 66px;line-height: 66px;
    padding: 0 0 0 9px;text-decoration: none;text-transform: uppercase; background:url(images/menu-left-curr.png) no-repeat left center;}   
#topmenu ul li ul.children{background:url(images/submenu_bottom_blue.png) bottom no-repeat;}
#topmenu ul li ul li{background:url(images/submenu_mid_blue.png) repeat-y;}
#topmenu ul li ul li a{background:url(images/menu_border2_blue.png) repeat-x bottom;}
   
/*DEFAULT*/
.articleinfo, .iteminfo{ font-size:12px;}
.moduletable, .moduletable_menu{}
.moduletable h3, .moduletable_menu h3{}
.moduletable ul, .moduletable_menu ul{ margin:0; padding-left:20px;}
.moduletable li, .moduletable_menu li{ padding:3px 0px;list-style-image:url(images/list-style_blue.png);}
.moduletable li a, .moduletable_menu li a{ color:#4F4F4F; text-decoration:none;}
fieldset{ border:none;}


/*PAGINATION*/
.pagination{}
.pagination strong a{ background:url(images/pagination1.png) no-repeat;width:20px; display:inline-block; height:20px;}
.pagination span, .pagination a{ padding:2px 5px; text-decoration:none;}
.pagination strong a:hover, .pagination strong span{width:20px; display:inline-block; height:20px; color:#fff;background:url(images/pagination2_blue.png) no-repeat;}


/*LEFT*/
#left{width:250px; float:right; margin-right:10px;}
#left .moduletable h3, #left .moduletable_menu h3{ margin:0; height:33px; padding-left:10px; padding-top:10px; color:#fff; text-shadow:0 0 2px #666;}
#left .moduletable, #left .moduletable_menu{}
#left .module_bg{ background:url(images/modules_mid.png) repeat-y; padding:10px;}
#left .module_bottom{width:245px; height:14px; background:url(images/modules_bottom.png) no-repeat; margin-bottom:20px;}
#left .moduletable ul, #left .moduletable_menu ul{ padding-left:30px;}
#left .moduletable ul li, #left .moduletable_menu ul li{width:190px; background:url(images/border2.gif) repeat-x bottom; padding-bottom:3px;}
#left .moduletable .inputbox{ width:210px; padding:0 5px; height:28px; background:url(images/input.png) no-repeat; color:#666; border:none;}
#left .module_bg h1, #left .module_bg h2, #left .module_bg  h3, #left .module_bg  h4, #left .module_bg  h5, #left .module_bg h6{ margin:0;}
#left .moduletable h3, #left .moduletable_menu h3{ background:url(images/modules_top_blue.png) no-repeat;}
#left .moduletable p a, #left .poll a, .breadcrumb a{ color:#0865c3;}


/*MAIN CONTENT*/
#main{ margin-top:15px;}
#main_content{width:700px; float:left;}
.content_top{width:700px; height:32px; background:url(images/content_top.png) no-repeat; float:left;}
.content{width:660px;background:url(images/content_mid.png) repeat-y; min-height:500px;float:left; padding:0 20px;}
.content_bottom{width:700px; height:36px; background:url(images/content_bottom.png) no-repeat;float:left;}
.content .leading_separator, .content .article_separator{width:650px; display:block; height:2px; background:url(images/separator.png) no-repeat;}
.content img{ border:none; max-width:620px;}


/*FORM ELEMENTS*/
.content #jForm .inputbox, .content .required, .content #search_searchword, .content .name .inputbox, .content .pass .inputbox, .content .verify_pass .inputbox, .content .publishing .inputbox, .content .filter .inputbox, .content .contact_email .inputbox, .form-login .inputbox{ width:210px; padding:0 5px; height:28px; background:url(images/input.png) no-repeat; color:#666; border:none;}
.content #ordering { background:url(images/select.png) no-repeat; }
.content #contact_text, .content #metakey, #metadesc{ width:305px; height:169px; background:url(images/textarea.png) no-repeat; border:none;}
.content #access{height:auto; background:none;}
.content #jForm .button{ float:none; display:block;}
.content li{ list-style-image:url(images/list-style2_blue.png); line-height:20px;}


.publishing label, .metadata label, .user label{min-width:100px; display:block;}
.publishing .radio label{ display:inline-block;}
.contact_email label{ width:150px; display:block; height:20px; margin-top:5px;}
.button, .validate{ width:104px; height:31px; border:none; color:#fff; font-weight:bold;background:url(images/submit_blue.png) no-repeat;}
.sectiontableentry, sectiontableentry0{ text-align:center;}


/*SELECT*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #666; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:220px; background:#f3f3f3; position:absolute;  border:1px solid #ccc; top:22px; left:0;  z-index:9999;}
ul.newList li{ list-style-image:none; height:24px;}
.newListSelected {width:220px; color:#666; height:19px; padding:3px 0 0 6px; background:url(images/select.png) no-repeat; height:28px; display:inline-block;}
.newList li{ width:220px;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default; height:24px;}


/*MODULES*/
.pollstableborder{width:400px;}
.pollstableborder td{ text-align:center;}
.pollstableborder td div{ margin:0 auto;}
.breadcrumb{ padding-top:17px; padding-left:20px;}
.breadcrumb a{text-decoration:none;}
.moduletable img{ border:none;}
.form-login p{ margin:0; padding:0;}
.poll a{ color:#fff;}


/*CATEGORY TABLES*/
.content .category, .content .weblinks, .content .newsfeeds { width:658px; margin-top:15px; border-collapse:collapse;}
.content .category a, .content .weblinks a{ text-decoration:none;}
.content .category .toptr, .content .weblinks .toptr, .content .newsfeeds .toptr{ height:28px; color:#fff; text-shadow:0 0 2px #666;background:url(images/table_tr_top_blue.png) no-repeat; }
.content .category .toptr a, .content .weblinks .toptr a, .content .newsfeeds .toptr a{ color:#fff; text-shadow:0 0 2px #666; text-decoration:none;}
.content .category .sectiontableentry1, .content .weblinks .sectiontableentry1, .content .newsfeeds .sectiontableentry1  { background:#f2f2f2; height:30px;}
.content .category .sectiontableentry2, .content .weblinks .sectiontableentry2, .content .newsfeeds .sectiontableentry2 { background:#ececec; height:30px;}
.content .bottom_tr{ height:14px; width:660px; background:url(images/table_tr_bottom.png) no-repeat;}
.content .category .toptr #count, .content .weblinks .toptr #num, .content .newsfeeds .toptr #num{min-width:15px;}
.content .category .count, .content .weblinks .count, .content .newsfeeds .count{ text-align:center;}


/*BLOG*/
.blog .leading, .blog .article_column{ background:url(images/blog_top.png) no-repeat top; padding:20px; margin-top:5px;}
.blog .blog_bottom{ background:url(images/blog_bottom.png) no-repeat; width:660px; height:29px; margin-bottom:5px;}


/*FOOTER*/
#footer{ width:961px; margin:0 auto; color:#fff;}
#foot_content{ float:left; overflow:hidden; margin-top:15px;background: url(images/footer_mid_blue.jpg) repeat-y 2px 0px;}
.footbg{float:left;background:url(images/footer_top_blue.jpg) no-repeat top;}
.foot_bottom{ float:left; width:957px; height:47px; margin-left:1px;background:url(images/footer_bottom_blue.jpg) no-repeat 1px 0px;}
.user4, .user5, .user6{width:280px; float:left; padding:0 20px; min-height:280px;}
#footer .moduletable h3, #footer .moduletable_menu h3{ color:#fff; text-shadow: 0 0 2px #666; font-size:16px;}
#footer .moduletable li, #footer .moduletable_menu li{padding:1px 0px;}
#footer .moduletable li a, #footer .moduletable_menu li a{ color:#fff;}
#foot_modules .moduletable{ width:280px;margin-top:10%;}
#foot_modules .moduletable p a{ color:#fff;}
#foot_modules{ margin-top:10px;}


#copy{width:960px; height:30px; margin:0 auto;}
.copy_content{ margin-top:10px; float:center; margin-bottom:20px; text-align:right; font-size:12px;color:#084684;}
.copy_content a{ color:#fff; text-decoration:none;}


/*PERSONALIZZATI*/
#angolo_zetes{color: white; left:69%; position: absolute; margin-top:-100px;}
#banner-centrale{}
#barra-destra{left:1125px; position: absolute; width: 110px; margin-top:65px;}




Ho pravato a cambiare tutte le label left con right ma non mi funziona bene in particolare non mi funge questo



Codice: [Seleziona]
#left .module_bg{ background:url(images/modules_mid.png) repeat-y; padding:10px;}


Cosa può essere?
Ovviamente ho modificato il file xml cambiando left con right.




Mi sono accorto ora che i javascript all'interno hanno dei richiami ai left
« Ultima modifica: 07 Nov 2011, 17:21:13 da valentino86 »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:css e php per cambiare nome a una posizione
« Risposta #1 il: 07 Nov 2011, 17:22:17 »
Il nome non ha importanza è solo una convenzione, ti conveniva lasciare come erano e considerarle al contrario in fase di inserimento. Ovviamente poi dipende da come hai agito per spostarle, se hai agito a livello del css oppure non mi dire che hai solo invertito il nome.

Offline valentino86

  • Appassionato
  • ***
  • Post: 355
    • Mostra profilo
Re:css e php per cambiare nome a una posizione
« Risposta #2 il: 07 Nov 2011, 17:31:14 »
Ho risolto!


No ovviamente avevo spostate i moduli dalla sinistra alla destra ma volevo uniformare anche il css sennò casomai tra un anno vado a modificare e impazzisco.
Comunque il problema è che c'era un richiamo al css left anche nell'ultimo javascript dell'index.php, l'ho modificato con right anche quello ed ho risolto!


Grazie e scusate se mi faccio le domande e rispondo da solo :)

 



Web Design Bolzano Kreatif