MaNiN

Ahoj, trošku jsme se všichni nepochopili omlouvám se za nedostatečné vysvětlení... Potřebuji to hodit takto, ale když to udělám podle poslední rady tak se mi celý web rohodí :C Celý CSS code Díky

Možná mě teď budeš mít za idiota, pomůžeš mi to prosím implantovat do toho CSS zkoušel jsem to jak si říkal a žádná změna na webu. Zkusil jsem i Ctr+F5

Ahoj, zkoušel jsem si na web hodit obrázek tak aby byl nalevo. Pak jsem narazil na problém ten že je to dáno v CSS jenže CSS není moje silná stránka. Proto prosím, někoho o pomoc. Děkuji vám za každou radu CSS code headeru Obrázek Komentáře typu: Co je to za obrázek ?! si prosím nechte, dělal jsem to na rychlo

Omlouvám se , jo dám live náhled Zde

Zdravím, v CSS nejsem moc zdatný proto sem píšu. Chtěl jsem v CSS změnit font u jednoho panelu, jenže se mi to trošku víc po*ělalo takže nemám footer a ten je v P-Fusionu důležitý. Proto prosím toho, který ví co s tím jestli by mi pomohl Předem moc děkuji. CSS: a { color:#6a6a6a; text-decoration:none; } a:link {color:#036596;} /* unvisited link */ a:visited {color:#036596;} /* visited link */ a:hover {color:#6a6a6a;} /* mouse over link */ a:active {color:#6a6a6a;} /* selected link */ a.side { color:#f2f2f2; text-decoration:none; } a:hover.side { color:#fff; text-decoration:underline; } a.white { color:#fff; text-decoration:none; } a:hover.white { color:#fff; text-decoration:underline; } body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5c5e5f; margin: 0px; background: url('images/bg.jpg'); background-repeat: no-repeat; background-position: center top; background-attachment:fixed; background-position:fixed; } .shoutborder { background: url('images/kaz.png'); background-repeat: repeat-x; height: 9px; } .header { background: url('images/header.png') no-repeat; height: 200px; width: 1017px; } .admin { font-family: myriad pro; font-size:12px; color: #026094; text-transform: uppercase; } a.admin { font-family:Myriad Pro; font-size: 12px; color: #026094; text-transform: uppercase; } .slide { background: url('images/1.png') no-repeat; height: 185px; width: 709px; padding-left: 0px; padding-bottom: 0px; } .log { background: url('images/2.png') no-repeat; height: 185px; width: 308px; } .log2 { background: url('images/3.png') no-repeat; color:#636363; height: 185px; width: 308px; } .log3 { background: url('images/4.png') no-repeat; color:#636363; height: 185px; width: 308px; } .border { background-color:#ddd; border:0px #D1D8DD solid; } .outer-border { border : 0px solid #f2f2f2; } img { border: 0px; } form { margin:0px 0px 0px 0px; } hr { border:0px #fff solid; } hr.side-hr { border:0px #fff solid; } td { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; } pre { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; } .alt { color:#b5b5b5; } .footer { background-image : url('images/footer.png'); background-repeat: no-repeat; font-family: Tahoma; font-size:10px; color:#000000; width: 1017px; height: 73px; } .button { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; background-image: url('images/ok.png'); border: 0px solid #000; height: 22px; margin-top: 2px; } .button:hover { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #026094; background-image: url('images/of.png'); border: 0px solid #000; height: 22px; margin-top: 2px; } .log-button { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; background-color:#744725; font-weight: bold; text-align: right; background-image: url('images/log-butt.png'); background-repeat: no-repeat; width: 147px; height: 41px; border: none; } .reg-pw { font-family: Arial; font-size: 10px; color: #7b7b7b; font-weight: bold; border: none; } .shout-textbox { font-family:Tahoma,Arial,Sans-Serif; font-size:10px; color:#dadada; background-image: url('images/shout-bg.png'); border: 0px solid #ccc; width: 184px; height: 76px; background-repeat: no-repeat; padding-left: 0px; } .log-textbox { font-family:Arial; font-size:11px; color:#026094; background-image: url(images/log-bg.png); border: 0px solid #ccc; width: 200px; height: 32px; background-repeat: no-repeat; padding-left: 15px; } .main-bg { padding: 5px 1px 3px 1px; background-color: #fff; } .side-border-left { padding: 5px 5px 1px 1px; background: #f3f3f3; } .side-border-right { padding: 5px 5px 1px 0px; background: #f3f3f3; } .content { padding-right:0px; padding-left:0px; } .main-body { border: 1px solid #ccc; font-family:Tahoma; font-size:11px; color:#000000; height:auto; background-repeat: no-repeat; background-image: url('images/bgnews.png'); width: 700px; background-color: #f3f3f3; padding-left: 5px; padding-right:5px; padding-top: 5px; padding-bottom: 5px; } .side-body { background-image: url('images/panelbg.png'); background-repeat: repeat-y; background-color:#f3f3f3; background-position: top center; font-family:Arial; font-size:11px; font-weight: bold; color:#2c2c2c; padding-left: 15px; padding-right: 15px; } .side-body a { color:#026698; text-decoration:none; } .side-body a:hover { color:#000000; text-decoration:underline; } .panel-main { font-family:Tahoma; font-size:10px; text-transform: uppercase; font-weight: bold; color:#ffffff; height:40px; padding:0px 1px 0px 2px; background-color: #efeded; background-repeat:no-repeat; } .side-close { background-image:url(images/panelbg2.png); height:22px; background-color: #efeded; background-repeat:repeat-x; } .capmain { font-family : Arial; font-size : 12px; color : #FFF; background-image:url(images/capmain.png); background-repeat:no-repeat; height:32px; background-color : transparent; padding-left : 10px; } .panele { text-align: left; padding-left: 10px; color : #fff; background: url(images/scapmain.png); background-repeat:no-repeat; height: 32px; } .border-left2 { width:5px; background-color: #3b3b3b; background-repeat:repeat-y; } .data { font-family: Verdana; font-size: 11px; font-weight: bold; color: #000; float: left; height: 47px; width: 186px; margin: 10px 80px 0px 0px; } .center { margin: 0 auto; } .tbl-border { border:0px #424242 solid; } .tbl-border2 { font-family: Tahoma; font-size : 10px; color : #fff; background-color : #424242; } .tbl5 { font-family: Tahoma; font-size : 10px; color : #999999; background-color : #dfdfdf; padding : 4px; } .tbl5 a { font-family: Tahoma; font-size : 10px; color : #999999; } .tbl { color: #6a6a6a; font-size:10px; padding:3px 4px 3px 4px; background-color:#e3e3e3; } .tbl1 { font-family: Tahoma; font-size : 10px; color : #6a6a6a; background-color:#e3e3e3; padding : 4px; } .tbl2 { font-family: tahoma; font-size:10px; color:#6a6a6a; background-color:#e3e3e3; padding:4px; } .tbl3 { font-family: Tahoma; font-size:10px; color:#6a6a6a; background-color:#e3e3e3; padding:4px; border:0px #6d4629 solid; } .forum-caption { font-size:10px; font-weight:bold; height:22px; color:#fff; background-color:#3d3d3d; padding:4px 4px 4px 4px; } .quote { color:#b5b5b5; background-color:#4d4d4d; padding:2px; margin:0px 20px 0px 20px; border:1px #424242 solid; border-left: 6px solid #424242; } .poll { height:1px; color:#026094; border:1px #026094 solid; } .comment-name { font-weight:bold; color:#dcdcdc; } .small { font-size:10px; font-weight:normal; } .small2 { font-size:10px; font-weight:normal; color:#b5b5b5; } .side-small { font-size:10px; font-weight:normal; color:#ffffff; } .side-label { padding:1px 4px 3px 4px; height:17px; background-repeat:repeat-x; } .tbl5 { font-family: Tahoma; font-size : 10px; color : #999999; background-color : #dfdfdf; padding : 4px; text-shadow: #fff 1px 1px 0px; } .tbl5 a { font-family: Tahoma; font-size : 10px; color : #999999; text-shadow: #fff 1px 1px 0px; } .news-footer { color : #000000; } div#menu{ margin:0px; padding:0px; width: 1017px; position:static; height: 51px; margin-left: 0px; background:transparent url("images/menu.png") no-repeat top center; text-align: center; } ul#menu{ margin:0px; padding:0px; width: 1017px; position:static; height: 51px; margin-left: 0px; padding-top: 0px; background:transparent url("images/menu.png") no-repeat top center; padding-left: 0px; } ul#menu li{ display:block; float:left; margin:0px; } ul#menu li a{ display:block; float:left; color: #fff; text-shadow: #000000 1px 1px 1px; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; width: 82px; height: 30px; padding-top: 20px; } ul#menu li a:hover{ background:transparent url("images/onmouse.png") no-repeat top center; color: #fff; font-family: Arial; margin-top: 0px; font-size: 12px; font-weight: bold; text-decoration: none; width: 82px; height: 30px; text-align: center; padding-top: 20px; } .img { margin-left: 40px; opacity: 0.4; filter: alpha (opacity=40); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .imgsd { padding-left: 10px; } .img:hover { opacity: 3.0; filter: alpha (opacity=40); } .news-category { border:1px solid #03699a; margin:5px 5px 0 0; float:left; } theme.php <?php if (!defined("IN_FUSION")) { die("Access Denied"); } define("THEME_BULLET", "<span class='bullet'>·</span>"); define("THEME_WIDTH", "1017"); require_once INCLUDES."theme_functions_include.php"; function render_page($license=false) { global $theme_width,$userdata,$settings,$locale,$data,$db_prefix,$aidlink; SetLocale(LC_ALL, "Slovak"); $datum = StrFTime("%d.%c.%Y ", Time()); $cas = StrFTime ("%H:%M:%S %z %B". Time()); //Header echo "<table cellpadding='0' cellspacing='0' class='center' width='".THEME_WIDTH."'>\n<tr>\n"; echo "</tr>\n</table>\n"; echo "<table cellspacing='0' cellpadding='0' width='1017' class='outer-border center'>\n<tr>\n"; echo "<td>\n"; echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo"<td align='center' class='header' ></td> <table align='center' cellspacing='0' cellpadding='0' width='1017px' height='51px' > <tr> <td width='1017'> <ul id='menu' > <li><a href='".BASEDIR."news.php'>Home</a></li> <li><a href='".BASEDIR."team.php'>Team</a></li> <li><a href='".BASEDIR."bannery.php'>Bannery</a></li> <li><a href='".BASEDIR."partneri.php'>Partneři</a></li> <li><a href='".BASEDIR."up.php'>Uploader</a></li> <li><a href='".BASEDIR."pravidla.php'>Pravidla</a></li> <li><a href='".BASEDIR."turnaj.php'><span style='color:yellow'>Turnaj</span></a></li> <li><a href='".BASEDIR."navod.php'>TS3 návod</a></li> <li><a href='".BASEDIR."stream.php'><span style='color:red'>Stream</span></a></li> </ul> </td> </tr> </table> <table align='center' cellpadding='0' cellspacing='0' width='1017'>\n<tr> <td cellspacing='0' cellpadding='0' width='700' class='slide'>"; echo "<script type='text/javascript' src='js/jquery-1.3.1.min.js'></script> <script type='text/javascript'> $(document).ready(function() { //Execute the slideShow slideShow(); }); function slideShow() { //Set the opacity of all images to 0 $('#gallery a').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('#gallery a:first').css({opacity: 1.0}); //Set the caption background to semi-transparent $('#gallery .caption').css({opacity: 0.7}); //Resize the width of the caption according to the image width $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')}); //Get the caption of the first image from REL attribute and display it $('#gallery .content').html($('#gallery a:first').find('img').attr('rel')) .animate({opacity: 0.7}, 400); //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds setInterval('gallery()',6000); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first')); //Get next image caption var caption = next.find('img').attr('rel'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); //Hide the current image current.animate({opacity: 0.0}, 1000) .removeClass('show'); //Set the opacity to 0 and height to 1px $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 }); //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '50px'},500 ); //Display the content $('#gallery .content').html(caption); } </script> <style type='text/css'> body{ font-family:arial } .clear { clear:both } #gallery { position:relative; height:176px } #gallery a { float:center; position:absolute; } #gallery a img { -moz-border-radius: 0px; -webkit-border-radius: 0px; } #gallery a.show { z-index:500 } #gallery .caption { z-index:600; background-color:#000; color:#ffffff; height:50px; width:100%; position:absolute; bottom:0; } #gallery .caption .content { margin:5px } #gallery .caption .content h3 { margin:0; padding:0; color:#036596; } </style> <div id='gallery' style='padding-left:0px; padding-bottom:0px;'> <a> <img src='".THEME."images/1slide.png' alt='Popois' width='700' height='176' title='' alt='' rel='<h3>Gaming teamspeak</h5>Poskytneme vám, prvotřídní komunikaci ve vašich CW/LW zápasech. <strong>IP: ts.gaming-teamspeak.eu:9993</strong>'/> </a> <a> <img src='".THEME."images/3slide.png' alt='Popis' width='700' height='176' title='' alt='' rel='<h3>SERVER</h3>Uživatelé CZ/SK mají velmi nízky ping, díky kvalitnímu připojení.'/> </a> <a> <img src='".THEME."images/2slide.png' alt='Popis' width='700' height='176' title='' alt='' rel='<h3>Máte vlastní game server ?</h3>Kontaktujte nás, a dohodneme se na spolupráci.'/> </a> <div class='caption'><div class='content'></div></div> </div></td>"; if (iMEMBER) { echo "<td cellspacing='0' cellpadding='0' width='1017' style='padding-right:0px;' class='log'>"; $msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$userdata['user_id']."' AND message_read='0'AND message_folder='0'"); echo "<table width='' border='0' cellspacing='0' cellpadding='0' style='padding-left: 00px; padding-top: 0px;'> <tr> <td>"; if ($userdata['user_avatar'] != "") { echo "<center><img src='".BASEDIR."images/avatars/".$userdata['user_avatar']."' width='100' height='100' style='border:2px solid #0077b5'></center>\n"; } else { echo "<center><img src='".THEME."images/noavatar.png' width='100' height='100' style='border:2px solid #dddddd'></center>\n"; } echo "</td> <td><a href='".BASEDIR."profile.php?lookup=".$userdata['user_id']."' class='admin'> PROFILE</a><br> <a href='".BASEDIR."edit_profile.php' class='admin'> EDIT PROFILE</a><br> <a href='".BASEDIR."messages.php' class='admin'> PM</a><br> <a href='".BASEDIR."members.php' class='admin'> MEMBERS</a> <br><br><br><a href='".BASEDIR."setuser.php?logout=yes' class='admin'> LOG OUT<span style='color: #a7fe00;'>[x]</span></a><br>"; echo"</td> <td width='30'></td> <td> <br><br><br>"; if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) { echo "<a href='".ADMIN."index.php".$aidlink."' class='admin' align='left'>ADMINISTRATION</a>"; } echo"</td> <td><br> </td></table>"; } else { echo "<td cellspacing='0' cellpadding='0' width='1017' class='log2' >"; echo "<table width='200' border='0' cellspacing='0' cellpadding='0' align='right'> <form name='loginform' method='post' action='".FUSION_SELF."'> <table width='0' border='0' cellspacing='0' cellpadding='0' align='center' style='padding-left: 1px; padding-top: 20px;'> <tr> <td align='left' style='padding-right: 0px;'></td> <td><input type='text' name='user_name' value='Nick' onfocus=\"if(this.value=='Nick'){this.value='';}\" onblur=\"if(this.value==''){this.value='Nick';}\" class='log-textbox' style='width:200px; height:32px;'> </tr> <tr> <td height='5'></td> <td></td> </tr> <tr> <td align='left' style='padding-left: 0px;'></td> <td><input type='password' name='user_pass' value='slaptazodis' onfocus=\"if(this.value=='slaptazodis'){this.value='';}\" onblur=\"if(this.value==''){this.value='slaptazodis';}\" class='log-textbox' style='width:200px; height:32px;'> </tr> </table> <table width='308' border='0' cellspacing='0' cellpadding='0' align='right' style=' padding-top: 10px; padding-left: 70px;'> <tr> <td align='left'> <td><input type='submit' name='login' value='' class='log-button'><br> <a style=' color : #026094;font-family : Arial; font-size : 12px; font-weight: bold;' href=".BASEDIR."register.php>Registrace</a> | <a style='color : #026094;font-family : Arial; font-size : 12px; font-weight: bold;' href=".BASEDIR."lostpassword.php>Ztracené heslo</a> </form></div></table>"; } echo"</td> </tr> </tr> </table> </table>\n"; //content echo "<table cellpadding='0' cellspacing='0' width='1017' align='center' class='content'><tr>\n"; echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>"; if (LEFT) { echo "<td class='side-border-left' valign='top' width='308'>".LEFT."</td>"; } if (RIGHT) { echo "<td class='side-border-right' valign='top' width='308'>".RIGHT."</td>"; } echo"</tr> </table>"; echo"</td>"; echo "</tr>\n</table>\n"; //footer echo "<table align='center' cellpadding='0' cellspacing='0' align='center' width='1017' class='footer'><tr><td align='left' style='padding-bottom:0px; padding-right:15px;'> <span style='font-family: arial; font-weight: regular; font-size: 12px; font-style: sharp; color: #434343; '> <br> Design: <strong>MaNiN</strong> - Všechna práva vyhrazena 2014 </a></a> <br><span align='left'style='color: #434343;'> Powered by <a href='http://phpfusion.co.uk'>PHP-Fusion</a> copyright © 2002 - 2014 by Nick Jones. <br> </a></span>"; } function render_news($subject, $news, $info) { echo "<table cellpadding='1' cellspacing='1' width='700'>\n<tr>\n"; echo "<td class='capmain'>".$subject."</td>\n"; echo "</tr>\n<tr>\n"; echo "<td align='left' class='main-body'>".$info['cat_image'].$news."</td>\n"; echo "</tr>\n<tr>\n"; echo "<td align='left' class='main-body'>\n"; echo " <span style='color: #000000; font-weight:bold; font-size: 12px;'> Napsal:".profile_link($info['user_id'], $info['user_name'], $info['user_status'])." Dne: ".showdate("newsdate", $info['news_date'])." <span style='color: #026698; font-weight:bold; font-size: 12px; align=right;'> <a href='".BASEDIR."news.php?readmore=".$info['news_id']."'>PŘEČÍST CELOU NOVINKU"; echo "</td>\n</tr>\n</table>\n"; } function render_article($subject, $article, $info) { echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo "<td width='100%' class='capmain'>".$subject."</td>"; echo "</tr></table>"; echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>"; echo "<td class='main-body'><div style='width:100%;vertical-align:top;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div><br>"; echo "</td>\n"; echo "</tr><tr>\n"; echo "</tr>\n</table>\n"; echo"<img src='".THEME."images/blank.gif' height='5' style='display:block'>"; } function opentable($title) { echo "<table cellpadding='0' cellspacing='0' width='700'>\n<tr>\n"; echo "<td class='capmain'>".$title."</td>\n"; echo "</tr>\n<tr>\n"; echo "<td class='main-body'>\n"; } function closetable() { echo "</td>\n</tr>\n</table>\n"; } function openside($title) { echo "<table cellpadding='0' cellspacing='0' width='308'> <tr> <td class='panele'><div style='font-family : Arial; font-size : 12px;text-transform: uppercase; padding-top: 5px;'>$title</div></td> </tr>"; echo "<table cellpadding='0' cellspacing='0' width='308'> <tr> <td class='side-body'>\n"; } function closeside() { global $panel_collapse; if ($panel_collapse == true) { echo "</div>\n"; } echo "<tr>"; echo "<td class='side-close'><img src='".THEME."images/blank.gif' width='1' height='7' alt='' style='display:block'></td>"; echo "</tr></table>\n"; } function open($title) { echo "<table cellpadding='0' cellspacing='0' width='330' align='center'>\n<tr>\n"; echo "<td class='capmain'>".$title."</td>\n"; echo "</tr>\n</table>\n"; echo "<table cellpadding='0' cellspacing='0' width='330' align='center'>\n<tr>\n"; echo "<td class='main-body'>\n"; } function close() { echo "</td>\n"; echo "</tr></table>\n"; } ?> DÍKY MOC