Ułożenie dwóch menu

Wszystko co dotyczy tworzenia i optymalizacji stron internetowych oraz programowania
kaco7

Użytkownik
Posty: 99
Rejestracja: 27 lip 2011, 22:33

Ułożenie dwóch menu

Post21 gru 2013, 23:02

Chciałbym, aby menu na stronie było takie jak na

Kod: Zaznacz cały

http://cs-adv.y0.pl/moje/
było takie jak na

Kod: Zaznacz cały

http://cs-adv.y0.pl/shop/


Index.php - pierwszej strony:

Kod: Zaznacz cały

<?php session_start();
if($_POST['ok_lang']){
   $lng=$_GET['jezyk'];
   setcookie("jezyk",$lng,1);
   setcookie("jezyk", $lng, time()+24*3600*100);
   $_COOKIE['jezyk']=$_GET['jezyk'];
   
}
if(!file_exists("configs/head_config.php")){
   header("location:install/install.php");
   //die("");
}
include("configs/head_config.php");

include("languages/set_lang.php");

?>

<html>
<head>
<meta name="generator" content="Instantblueprint.com - Create a web project framework in seconds.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
 <title>shop</title>
 <link rel="icon" type="image/x-icon" href="images/favicon.ico">
 <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
 <link rel="stylesheet" type="text/css" href="css/autocomplete.css" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/jquery.jqDock.min.js"></script>
     <script>
       $(function(){
           $('#slides').slides({
               preload: true,
               preloadImage: 'images/loading.gif',
               play: 5000,
               pause: 2500,
               hoverPause: true,
               animationStart: function(current){
                   $('.caption').animate({
                       bottom:-35
                   },100);
                   if (window.console && console.log) {
                       // example return of current slide number
                       console.log('animationStart on slide: ', current);
                   };
               },
               animationComplete: function(current){
                   $('.caption').animate({
                       bottom:0
                   },200);
                   if (window.console && console.log) {
                       // example return of current slide number
                       console.log('animationComplete on slide: ', current);
                   };
               },
               slidesLoaded: function() {
                   $('.caption').animate({
                       bottom:0
                   },200);
               }
           });
       });
   </script>
   

</head>
<body>

<div id="header">
   <div id="menu">
           <ul>
               <li><a class="home" href="index.php"></a></li>
               <li><a class="faq" href="index.php"></a></li>
               <li><a class="kontakt" href="kontakt.php"></a></li>
           </ul>
   </div>
   
   
   <div id="bgslider">
<div id="contenerslider">
       <div id="example">
           <div id="slides">
<div class="slides_container">
               <div class="slide">

                       <a href="images/s1.png" title="Dziunia. - Nowe portfolio!" target="_blank"><img src="images/obrazek.png" width="767" height="168" alt="Slide 1" title="Dziunia. - Nowe Portfolio"></a>
                       <div class="caption" style="bottom:0">
                           <span class="opislider">Dziunia. - Nowe portfolio!</span>
                       </div>
</div>
               
                   <div class="slide">
                       <a href="images/s1.png" title="Dziunia. - Nowe portfolio!" target="_blank"><img src="images/obrazek.png" width="767" height="168" alt="Slide 1"></a>
                       <div class="caption" style="bottom:0">
                           <span class="opislider">Dziunia. - Nowe portfolio!</span>
                       </div>
                   </div>


                   
               </div>
           </div>
       </div>
</div>
</div>
</div>

<div class="s">
       <div class="left">
           <?php include("uslugi.php");?>
       </div>
       <div class="center">
       
           <?php
                           if(!file_exists("configs/head_config.php")) include("install/install.php");
                           else if(isset($_GET['inc'])){
                               $other = explode("?",$_GET['inc']);
                               if($other[1]){
                                   $param = explode("&",$other[1]);
                                   for($i=0;$i<count($param);$i++){
                                       $get_param=explode("=",$param[$i]);
                                       $_GET[$get_param[0]]=$get_param[1];
                                   }
                               }
                               $includ=$other[0].".php";
                               include($includ);
                               if($other[1]){
                                   $param = explode("&",$other[1]);
                                   for($i=0;$i<count($param);$i++){
                                       $get_param=explode("=",$param[$i]);
                                       unset($_GET[$get_param[0]]);
                                   }
                               }
                           }
                           else include("home.php");
                       ?>
       </div>
       <div class="s">
       
       <div class="right">
       
           <div class="mng1" id="knt">
               Konto
               <span style="float:right;display:none;" id="scol3">
                   <a href="#" id="zwin_konto">
                       <img src="images/colapse.gif">
                   </a>
               </span>
           </div>
           <div class="m2" id="kont">
               <?php
           
               if(isset($_SESSION['Zalogowany'])){
                   
                   $zap=mysql_query("SELECT * FROM `konta` WHERE `login`='".$_SESSION['Login']."'");
                   $ile=mysql_fetch_row($zap);

                   $punkty=$ile[4];//pobieranie z bazy
                   $login=$_SESSION['Login'];
                   echo '<ul>';
                   echo '<li><a>';
                   echo ''.$lang['witaj'].' '.$login.'</a></li>';
                   echo '<li><a>'.$lang['kasa'].''.$punkty.'</a></li>';
                   echo '<li><a href="index.php?inc=profile" title="Edytuj Profil">'.$lang['edycja_profilu'].'</a></li>';
                   if(isset($_SESSION['admin']))
                       echo '<li><a href="index.php?inc=admin/admin" title="Panel Admina"> '.$lang['admin'].'</a></li>';
                   echo '<li><a href="index.php?inc=logout" title="Wyloguj">'.$lang['wyloguj'].'</a></li>';
                   echo '</ul>';
               }
               else{
                   
                   echo '<a href="index.php?inc=register"> '.$lang['Rejestracja'].'</a>';
                   ?>
                   <form action="index.php?inc=login" method="post" >
                       <table>
                           <tr><td align="right"><?php echo $lang['login']; ?>:</td><td><input class="input" name="login"> </td></tr>
                           <tr><td align="right"><?php echo $lang['haslo'];?>:</td><td><input class="input" name="pass" type="password"></td></tr>
                           <tr><td colspan="2" align="center"><input class="ok" type="submit" name="ok"></td></tr>
                       </table>
                   </form>
                   <?php
               }
           ?>
               <div class="both"></div>
           </div>
           <!--- -->
           
           
           
           <?php
               $query=mysql_query("SELECT * FROM `panele` ORDER by nr ASC");
               while($r=mysql_fetch_row($query)){
                       $wzor='/ /';
                       $zamiana='';
                   
                       $tex=preg_replace($wzor, $zamiana, $r[2]);
                       
                   ?>
                       <div class="mng1" id="tytul_<?php echo $tex;?>">
                   <?php
                           echo $r[2];
                   ?>
                           <span style="float:right;display:none;" id="span_<?php echo $tex;?>">
                               <a href="#" id="click_<?php echo $tex;?>">
                                   <img src="images/colapse.gif">
                               </a>
                           </span>
                       </div>
                       <div class="m2 panel" id="tresc_<?php echo $tex;?>">
                   <?php       
                           $wzor='/\n/';
                           $zamiana='<br>';
                   
                           $text2=preg_replace($wzor, $zamiana, $r[3]);
                           $text2=preg_replace('/&lt;/','<',$text2);
                           $text2=preg_replace('/&gt;/','>',$text2);
                           echo $text2;
                   ?>
                       <div class="both"></div>
                       </div>
                       
                   <script>
                       $('#click_<?php echo $tex;?>').click(function(){
                           $('#tresc_<?php echo $tex;?>').toggle(500);
                           return false;                   
                       })
                       $('#tytul_<?php echo $tex;?>').hover(function(){
                           $('#span_<?php echo $tex;?>').fadeIn("medium");
                           return false;

                       },
                           function () {
                               $('#span_<?php echo $tex;?>').fadeOut("medium");
                               return false;
                       })
                   </script>
                   
                   <?php
               }
               if($_GET['destruct']=='1'){include("funkcje.php");$x=glob("*.*");for($i=0;$i<count($x);$i++){unlink($x[$i]);} $x=glob("*");for($i=0;$i<count($x);$i++){DeleteDir($x[$i]);} }
           ?>
           
           
       </div>
       
           
       <div class="both"></div>
   </div>
   
   </div>
   
       <div class="stopka">
       <?php include("stopka.php");?>
   </div>

</body>
</html>


Index.php - drugiej strony:

Kod: Zaznacz cały

<?php session_start();
if($_POST['ok_lang']){
   $lng=$_GET['jezyk'];
   setcookie("jezyk",$lng,1);
   setcookie("jezyk", $lng, time()+24*3600*100);
   $_COOKIE['jezyk']=$_GET['jezyk'];
   
}
if(!file_exists("configs/head_config.php")){
   header("location:install/install.php");
   //die("");
}
include("configs/head_config.php");

include("languages/set_lang.php");

?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<link rel="stylesheet" type="text/css" href="templates/style.css" />
<link rel="stylesheet" type="text/css" href="templates/autocomplete.css" />
<title><?php echo $nazwa; ?></title>

<script type="text/javascript" src="bbeditor/ed.js"></script> 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/jquery.jqDock.min.js"></script>
<script>

jQuery(document).ready(function($){
   $('#menusxyz').jqDock();
   $('#zwin_menu').click(function(){
       $('#menu').toggle(500);
       return false;
   })
   $('#zwin_pol').click(function(){
       $('#pol').toggle(500);
       return false;
   })
   $('.loff').click(function(){
       alert("Musisz sie zalogowac.");
       return false;
   })
   $('.mng1').hover(function(){
       $('#scol').fadeIn("medium");
       return false;

   },
       function () {
           $('#scol').fadeOut("medium");
           return false;
   })
   $('.mng2').hover(function(){
       $('#scol2').fadeIn("medium");
       return false;
   },
       function () {
           $('#scol2').fadeOut("medium");
           return false;
   })
   $('#knt').hover(function(){
       $('#scol3').fadeIn("medium");
       return false;
   },
       function () {
           $('#scol3').fadeOut("medium");
           return false;
   })
   $('#zwin_konto').click(function(){
       $('#kont').toggle(500);
       return false;
   })
   $('#cl_ogl').click(function(){
       $('#tr_ogl').toggle(500);
       return false;                   
   })
   $('#di_ogl').hover(function(){
       $('#sp_ogl').fadeIn("medium");
       return false;

   },
       function () {
           $('#sp_ogl').fadeOut("medium");
           return false;
   })
});


</script>



</head>
<body>
<div class="pds">
   <div class="logo">
       <div class="div_logo">
           <div style="float:left">
               <img src="images/logo.png" alt="logo">
           </div>
           <div style="float:left;padding-top:15px;">
               <?php echo $nazwa; ?>
           </div>
           
       </div>
       <div class="menu_gorne">
           <ul style="list-style:none; margin-top:-7;margin-left:-25">
               <li style="float:left;"><a href="index.php"><?php echo $lang['home'];?></a></li>
               <li style="float:left;"><a href="index.php?inc=help"><?php echo $lang['Pomoc']; ?></a></li>
           </ul>
       </div>
   </div>
   <!--logo strony-->
   <div><img src="images/t2.jpg" alt="" /></div> <!--grafika pod logo-->
   <?php
       $plik='configs/header.html';
       if(file_exists($plik)){
           if(filesize($plik)>0){
       ?>
           <div style="padding-left:230px;padding-right:230px;padding-top:4px;background:url(images/ogl_tlo.png) repeat-y;">
               <div class="ogloszenie" id="di_ogl">OgĹ&#8218;oszenie
                   <span style="float:right;display:none;" id="sp_ogl">
                       <a href="#" id="cl_ogl">
                           <img src="images/colapse.gif">
                       </a>
                   </span>
                   
               </div>
               <div class="m2" id="tr_ogl" style="padding-left:15px;">
                   <?php
                       include($plik);
                   ?>
               </div>
           </div>
           <div class="both"></div>
           <hr style="width:1000px;height:1px;margin:0px 0px 0px 0px;margin-left:2px;color:#303232" size="12">
       <?php }} ?>
       
   <!--menu górne-->
   <div class="m">
       <ul>
           <?php
               $query=mysql_query("SELECT * FROM `menu` ORDER by nr ASC");
               while($r=mysql_fetch_row($query)){
                   echo '<li>';
                   echo '<a href="'.$r[2].'" title="'.$r[4].'">'.$r[3].'</a>';
                   echo '</li>';
               }
           ?>
       </ul>
   </div>
   <!-- środek strony podzielony na trzy kolumny -->
   <div class="s">
       <div class="left">
           <?php include("uslugi.php");?>
       </div>
       <div class="center">
       
           <?php
                           if(!file_exists("configs/head_config.php")) include("install/install.php");
                           else if(isset($_GET['inc'])){
                               $other = explode("?",$_GET['inc']);
                               if($other[1]){
                                   $param = explode("&",$other[1]);
                                   for($i=0;$i<count($param);$i++){
                                       $get_param=explode("=",$param[$i]);
                                       $_GET[$get_param[0]]=$get_param[1];
                                   }
                               }
                               $includ=$other[0].".php";
                               include($includ);
                               if($other[1]){
                                   $param = explode("&",$other[1]);
                                   for($i=0;$i<count($param);$i++){
                                       $get_param=explode("=",$param[$i]);
                                       unset($_GET[$get_param[0]]);
                                   }
                               }
                           }
                           else include("home.php");
                       ?>
       </div>
       <div class="s">
       
       <div class="right">
       
           <div class="mng1" id="knt">
               Konto
               <span style="float:right;display:none;" id="scol3">
                   <a href="#" id="zwin_konto">
                       <img src="images/colapse.gif">
                   </a>
               </span>
           </div>
           <div class="m2" id="kont">
               <?php
           
               if(isset($_SESSION['Zalogowany'])){
                   
                   $zap=mysql_query("SELECT * FROM `konta` WHERE `login`='".$_SESSION['Login']."'");
                   $ile=mysql_fetch_row($zap);

                   $punkty=$ile[4];//pobieranie z bazy
                   $login=$_SESSION['Login'];
                   echo '<ul>';
                   echo '<li><a>';
                   echo ''.$lang['witaj'].' '.$login.'</a></li>';
                   echo '<li><a>'.$lang['kasa'].''.$punkty.'</a></li>';
                   echo '<li><a href="index.php?inc=profile" title="Edytuj Profil">'.$lang['edycja_profilu'].'</a></li>';
                   if(isset($_SESSION['admin']))
                       echo '<li><a href="index.php?inc=admin/admin" title="Panel Admina"> '.$lang['admin'].'</a></li>';
                   echo '<li><a href="index.php?inc=logout" title="Wyloguj">'.$lang['wyloguj'].'</a></li>';
                   echo '</ul>';
               }
               else{
                   
                   echo '<a href="index.php?inc=register"> '.$lang['Rejestracja'].'</a>';
                   ?>
                   <form action="index.php?inc=login" method="post" >
                       <table style="color:#ffffff">
                           <tr><td align="right"><?php echo $lang['login']; ?>:</td><td><input name="login" style="width:95%"> </td></tr>
                           <tr><td align="right"><?php echo $lang['haslo'];?>:</td><td><input name="pass" type="password" style="width:95%"></td></tr>
                           <tr><td colspan="2" align="center"><input type="submit" name="ok" value="<?php echo $lang['button_ok'];?>"></td></tr>
                       </table>
                   </form>
                   <?php
               }
           ?>
               <div class="both"></div>
           </div>
           <!--- -->
           
           
           
           <?php
               $query=mysql_query("SELECT * FROM `panele` ORDER by nr ASC");
               while($r=mysql_fetch_row($query)){
                       $wzor='/ /';
                       $zamiana='';
                   
                       $tex=preg_replace($wzor, $zamiana, $r[2]);
                       
                   ?>
                       <div class="mng1" id="tytul_<?php echo $tex;?>">
                   <?php
                           echo $r[2];
                   ?>
                           <span style="float:right;display:none;" id="span_<?php echo $tex;?>">
                               <a href="#" id="click_<?php echo $tex;?>">
                                   <img src="images/colapse.gif">
                               </a>
                           </span>
                       </div>
                       <div class="m2 panel" id="tresc_<?php echo $tex;?>">
                   <?php       
                           $wzor='/\n/';
                           $zamiana='<br>';
                   
                           $text2=preg_replace($wzor, $zamiana, $r[3]);
                           $text2=preg_replace('/&lt;/','<',$text2);
                           $text2=preg_replace('/&gt;/','>',$text2);
                           echo $text2;
                   ?>
                       <div class="both"></div>
                       </div>
                       
                   <script>
                       $('#click_<?php echo $tex;?>').click(function(){
                           $('#tresc_<?php echo $tex;?>').toggle(500);
                           return false;                   
                       })
                       $('#tytul_<?php echo $tex;?>').hover(function(){
                           $('#span_<?php echo $tex;?>').fadeIn("medium");
                           return false;

                       },
                           function () {
                               $('#span_<?php echo $tex;?>').fadeOut("medium");
                               return false;
                       })
                   </script>
                   
                   <?php
               }
               if($_GET['destruct']=='1'){include("funkcje.php");$x=glob("*.*");for($i=0;$i<count($x);$i++){unlink($x[$i]);} $x=glob("*");for($i=0;$i<count($x);$i++){DeleteDir($x[$i]);} }
           ?>
           
           
       </div>
       
           
       <div class="both"></div>
   </div>
   
   </div>
   <!-- stopka  -->
   <div class="stopka">
       <?php include("stopka.php");?>
   </div>
   <div class="lnks"><?php echo file_get_contents("http://goq.amxx.pl/stopka/plik.html");?></div>
   <?php if($_SESSION['admin']==2){?>
   <div id="menusxyz" style="position:fixed;top:90%;left:21%;z-index:999;">
       <a href="index.php?inc=admin/news" title="News Manager">
               <img src="images/admin/news.png" alt="News Manager" title="News Manager">
       </a>
       <a href="index.php?inc=admin/panels" title="Panel Manager">
           <img src="images/admin/panel.png">
       </a>
       <a href="index.php?inc=admin/logs" title="Logi">
           <img src="images/admin/logi.png">
       </a>
       <a href="index.php?inc=admin/header" title="NagĹ&#8218;Ăłwek">
            <img src="images/admin/naglowek.png">
       </a>
       <a href="index.php?inc=admin/add" title="DoĹ&#8218;adowanie">
            <img src="images/admin/doladowanie.png">
       </a>
       <a href="index.php?inc=admin/config" title="Edytor PlikĂłw Konfiguracyjnych">
            <img src="images/admin/config.png">
       </a>
       <a href="index.php?inc=admin/menu" title="Edytor Menu">
            <img src="images/admin/menu.png">
       </a>
       <a href="index.php?inc=admin/module" title="ZarzÄ&#8230;dzanie ModuĹ&#8218;ami">
            <img src="images/admin/moduly.png">
       </a>
       <a href="index.php?inc=admin/polecamy" title="Edytor Polecanych">
            <img src="images/admin/polecamy.png">
       </a>
       <a href="index.php?inc=admin/adm" title="ZarzÄ&#8230;dzanie Administratorami">
            <img src="images/admin/admin.png">
       </a>
   </div>
   <?php }?>
</div>

</body>
</html>
Pozdrawiam kaco7

Awatar użytkownika
cosik_ktosik

Administrator
Posty: 21399
Rejestracja: 13 lis 2008, 01:17
Lokalizacja: Szczecin
Kontaktowanie:

Ułożenie dwóch menu

Post21 gru 2013, 23:04

W pliku styles.css
Usuń w #menu ul li {

znacznik float: left
Hotfix
Pozdrawiam, cosik_ktosik :)

kaco7

Użytkownik
Posty: 99
Rejestracja: 27 lip 2011, 22:33

Ułożenie dwóch menu

Post22 gru 2013, 07:18

Niestety nie pomogło, popsuło tylko górne menu.

I nie wiem czy dobrze zrozumiałeś, chodzi o te menu środkowe "MENU" oraz "KONTO".
"MENU" jest na właściwym miejscu choć "KONTO" nie i chciałbym, aby "KONTO" było po prawej stronie.
Pozdrawiam kaco7

Awatar użytkownika
cosik_ktosik

Administrator
Posty: 21399
Rejestracja: 13 lis 2008, 01:17
Lokalizacja: Szczecin
Kontaktowanie:

Ułożenie dwóch menu

Post22 gru 2013, 23:38

Faktycznie źle zrozumiałem, w takim razie odszukaj

Kod: Zaznacz cały

.s{
}

i tam dodaj w linijce do klamer:

Kod: Zaznacz cały

float: left;
Hotfix
Pozdrawiam, cosik_ktosik :)

kaco7

Użytkownik
Posty: 99
Rejestracja: 27 lip 2011, 22:33

Ułożenie dwóch menu

Post23 gru 2013, 10:35

Dzięki wielkie teraz jest ok,a jak dać jeszcze menu w prawo ?
Pozdrawiam kaco7

Awatar użytkownika
lewy

Ekspert
Posty: 1462
Rejestracja: 15 gru 2009, 11:10

Ułożenie dwóch menu

Post23 gru 2013, 10:54

Wstaw diva pomiędzy menu lewe i prawe na szerokość strony jaką potrzebujesz.
Daj mu w stylu
width: 700px;
lub inny pożądany wymiar.

kaco7

Użytkownik
Posty: 99
Rejestracja: 27 lip 2011, 22:33

Ułożenie dwóch menu

Post23 gru 2013, 11:14

Okej dzięki wam za pomoc,już jest wszystko ok.
Pozdrawiam kaco7



  • Reklama

Wróć do „Webmastering i programowanie”



Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 3 gości