  |
| Autor |
Nachricht |
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
 Verfasst am: 09.04.2008, 10:30 Titel: Joomla Templates |
 |
|
Hab ein Template gefunden dass mir richtig gut gefällt, das einzigste Problem am Template ist, dass der Header zu "niedrig" ist, heißt ich muss den irgendwie höher machen.
So sieht das Template aus:  http://www.joomlademo.de/index.php?mos_change_template=carbon_07
Ich hab mir gedacht ich mach die Leiste unter dem Header, wo steht "Forum" "K-Demo" etc., und die Leiste darunter mit dem Suchen, weg. Nur hab ich keine Ahnung wie ich das anstellen soll. Kann mir da jemand weiterhelfen?
Wäre euch echt dankbar
Gruß Bulldok
€dit: Hier mal ein Ausschnitt vom Code, ich denke ich muss dort irgendwas ändern:
| Code: | #top_menu {
width : 100%;
float : left;
height : 40px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
}
#top_menu_inner {
overflow : visible;
height : 38px;
padding : 0;
margin : 0;
padding-top : 2px;
}
#top_menu_top {
float : left;
height : auto;
background-color : #101010;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top.gif);
background-repeat : repeat-x;
}
#top_menu_top_inner {
height : auto;
margin : 0;
overflow : hidden;
color : #fafafa;
padding-left : 5px;
padding-right : 5px;
margin-top : 5px;
padding-top : 5px;
}
#top_menu_top_two {
float : left;
height : 40px;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
}
#top_menu_top_two_inner {
height : 30px;
padding : 0;
margin : 0;
float : right;
padding-top : 2px;
}
#banner {
float : right;
color : #999999;
padding-top : 35px;
padding-right : 20px;
}
#banner_inner {
border : 4px solid #2c2c2c;
padding : 0;
margin : 0;
}
#banner_inner:hover {
border : 4px solid #444444;
}
#pathway {
height : 30px;
color : #2c2c2c;
margin-bottom : 4px;
margin-left : 4px;
margin-right : 4px;
background-color : #181818;
background-image : url(../images/pathway.gif);
background-repeat : no-repeat;
margin-top : 2px;
border : 1px solid #2c2c2c;
}
#pathway_text {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
overflow : hidden;
display : block;
height : 30px;
line-height : 30px !important;
line-height : 22px;
color : #dcdcdc;
float : left;
padding-left : 40px;
font-weight : normal;
font-variant : small-caps;
}
#pathway_text a:hover {
color : #efefef;
text-decoration : none;
}
#pathway_text img {
margin-left : 2px;
margin-right : 2px;
margin-top : 6px;
}
#buttons {
float : left;
margin : 2px;
padding : 2px;
width : auto;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 11px;
}
ul#mainlevel-nav li {
background-image : url(../images/top_nav.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
float : left;
margin : 0;
padding : 0;
border-right : 1px solid #2c2c2c;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap;
}
ul#mainlevel-nav li a {
text-align : center;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 11px;
display : block;
padding-left : 30px;
padding-right : 30px;
text-decoration : none;
color : #ffffff;
background : transparent; |
|
|
| Nach oben |
|
 |
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 10.04.2008, 12:40 Titel: |
|
|
kann mir da niemand weiterhelfen?
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 10.04.2008, 12:58 Titel: |
|
|
Mach daraus: | Code: | #top_menu {
width : 100%;
float : left;
height : 40px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
} |
Das hier:
| Code: | #top_menu {
width : 100%;
float : left;
height : 140px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
} |
Hast du jetzt mehr Platz da oben?
Wenn du übrigens die Navi da oben weghaben willst, musst du die HTML-Datei ändern, nicht die CSS
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität 
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 10.04.2008, 15:58 Titel: |
|
|
Das mit dem 140px ändern hat geklappt, nur nicht an der Stelle wo es sollte
schau selbst: www.bulldok.cwsurf.de
Hier mal den html und css code:
| Code: | <?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules( 'right', 'left' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
$left = 0;
$banner = 0;
$user3 = 0;
$user4 = 0;
$top = 0;
// banner combos
//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
$colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
$user1 = 1;
$colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
$user2 = 1;
$colspan = 1;
}
//banner based combos
if ( mosCountModules( 'banner' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$banner = 1;
}
//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$right = 1;
}
//left based combos
if ( mosCountModules( 'left' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$left = 1;
}
//top based combos
if ( mosCountModules( 'top' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$top = 1;
}
//user4 based combos
if ( mosCountModules( 'user4' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$user4 = 1;
}
//user3 based combos
if ( mosCountModules( 'user3' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$user3 = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id="header">
<?php
if ( $banner > 0 ) {
?>
<div id="banner">
<div id="banner_inner">
<?php mosLoadModules( "banner", -1 ); ?>
</div>
</div>
<?php
}
?>
</div></td>
</tr>
<?php
if ( $user3 > 0 ) {
?>
<tr>
<td><div id="top_menu">
<div id="top_menu_inner">
<?php mosLoadModules ( 'user3' ); ?>
</div>
</div></td>
</tr>
<?php
}
?>
<?php
if ( $user4 > 0 ) {
?>
<tr>
<td><div id="top_menu_top_two">
<div id="top_menu_top_two_inner">
<div id="search_inner">
<form action="index.php" method="post">
<div align="center">
<input class="inputbox" type="text" name="searchword" size="15" value="<?php echo _SEARCH_BOX; ?>" onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="hidden" name="option" value="search" />
</div>
</form>
</div>
</div>
</div></td>
</tr>
<?php
}
?>
<?php
if ( $top > 0 ) {
?>
<tr>
<td><div id="top_menu_top">
<div id="top_menu_top_inner">
<?php mosLoadModules ( 'top' ); ?>
</div>
</div></td>
</tr>
<?php
}
?>
<tr>
<td id="content_outer" valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0" class="content_table">
<tr valign="top">
<?php
if ( $left > 0 ) {
?>
<td><div id="left_outer">
<div id="left_top"></div>
<div id="left_inner_float">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
<div id="left_bottom"></div>
</div></td>
<?php
}
?>
<td align="center" width="100%" id="content"><div align="center">
<div id="content_top_bar">
<div id="content_top">
<div id="content_right_top"></div>
</div>
</div>
</div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="content">
<tr>
<td colspan="<?php echo $colspan; ?>"><div id="pathway">
<div id="pathway_text">
<?php mosPathWay(); ?>
</div>
</div>
<div id="main_content">
<?php mosMainBody(); ?>
</div></td>
</tr>
<?php
if ($colspan > 0) {
?>
<tr valign="top">
<?php
if ( $user1 > 0 ) {
?>
<td width="50%"><div id="user1_outer">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -2 ); ?>
</div>
</div></td>
<?php
}
if ( $colspan == 3) {
?>
<?php
}
if ( $user2 > 0 ) {
?>
<td width="50%"><div id="user2_outer">
<div class="user2_inner">
<?php mosLoadModules ( 'user2', -2 ); ?>
</div>
</div></td>
<?php
}
?>
</tr>
<tr>
<td colspan="<?php echo $colspan; ?>"></td>
</tr>
<?php
}
?>
</table>
<div align="center">
<div id="content_bottom_bar">
<div id="content_bottom">
<div id="content_right_bottom"></div>
</div>
</div>
</div></td>
<?php
if ( $right > 0 ) {
?>
<td><div id="right_outer">
<div id="right_top"></div>
<div id="right_inner_float">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
<div id="right_bottom"></div>
</div></td>
<?php
}
?>
</tr>
</table>
<div align="center">
<div id="copy">
<div id="copy_inner" class="copy_inner">Valid <a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/" target="_blank">CSS</a> - Design by <a href="http://ah-68.de" target="_blank">ah-68</a> - Copyright © 2007 by <strong><a href="<?php echo $mosConfig_live_site; ?>" target="_self">Firma</a></strong></div>
</div>
</div></td>
</tr>
</table>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>
|
| Code: | /* CSS Document */
html {
height : 100%;
}
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
color : #fafafa;
background-color : #20201f;
background-image : url(../images/bg.gif);
background-repeat : repeat;
}
body.contentpane {
color : #333333;
background : none;
background-color : #ffffff;
}
.clr {
clear : both;
}
.blog {
width : 100%;
}
#top_menu {
width : 100%;
float : left;
height : 140px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
}
#top_menu_inner {
overflow : visible;
height : 38px;
padding : 0;
margin : 0;
padding-top : 2px;
}
#top_menu_top {
float : left;
height : auto;
background-color : #101010;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top.gif);
background-repeat : repeat-x;
}
#top_menu_top_inner {
height : auto;
margin : 0;
overflow : hidden;
color : #fafafa;
padding-left : 5px;
padding-right : 5px;
margin-top : 5px;
padding-top : 5px;
}
#top_menu_top_two {
float : left;
height : 40px;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
}
#top_menu_top_two_inner {
height : 30px;
padding : 0;
margin : 0;
float : right;
padding-top : 2px;
}
#banner {
float : right;
color : #999999;
padding-top : 35px;
padding-right : 20px; |
1. Frage, wo in dem html Code ist der Teil mit der Navi unter dem Banner?
2. Frage, wo im css Code kann ich die Homepage mit Seitenabstand versehen und dann zentrieren?
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 10.04.2008, 16:56 Titel: |
|
|
| Code: | <?php
if ( $user3 > 0 ) {
?>
<tr>
<td><div id="top_menu">
<div id="top_menu_inner">
<?php mosLoadModules ( 'user3' ); ?>
</div>
</div></td>
</tr>
<?php
}
?> |
Das dürfte der Bereich der Navi sein.
Das mit dem Zentrieren geht nicht so ohne weiteres.
Du musst um alles einen Div drummachen, dann diesen Div, via CSS left: 50% zuweisen, und dann noch margin-left: -500px;
Die 500px sind nur ein Bsp. da muss genau die Hälfte der Breite der Seite hin.
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 10.04.2008, 22:14 Titel: |
|
|
Vielen Dank benjam4, Hab jetzt die Navi und die Suchen Leiste weg und ich hab es sogar geschafft die Seite zu zentrieren, ging ganz einfach hab einfach "Table width" auf 80% gesetzt Ich hab auch den Header höher bekommen.
Jetzt ist da aber aufeinmal eine 0 im Banner rechts 
und ich bekomm mein Header den ich selber erstellt hab nicht auf die Page, ich hab mein Banner über FTP auf meinen Server hochgeladen aber er wird trotzdem nicht angezeigt 
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 11.04.2008, 13:51 Titel: |
|
|
Hast du den Namen richtig geschrieben von dem Banner?
Evtl. solltest du mal den Browsercache löschen.
Und meinst du im Banner rechts oben diesen dunkleren Bereich?
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 11.04.2008, 14:02 Titel: |
|
|
| benjam4 hat folgendes geschrieben: | Hast du den Namen richtig geschrieben von dem Banner?
Evtl. solltest du mal den Browsercache löschen.
Und meinst du im Banner rechts oben diesen dunkleren Bereich? |
Jetzt hats geklappt kA wieso 
Ja, ist so ein Rechteck sieht aus wie eine Null.
Und unter dem Header ist jetzt noch so ein Streifen (zwischen Schlagzeilen und Header) wie bekomm ich den noch weg?
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 11.04.2008, 14:37 Titel: |
|
|
Schmeiss mal den Teil noch raus:
| Code: | <div id="banner_inner">
<?php mosLoadModules( "banner", -1 ); ?>
</div> |
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 11.04.2008, 18:32 Titel: |
|
|
Super die Null ist weg, danke schön.
Jetzt bleibt nur noch das Problem mit dem Streifen unter dem Header...
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 12.04.2008, 11:50 Titel: |
|
|
Dann schau ich mal.
EDIT:
Änder mal diesen Teil in der CSS:
| Code: | #top_menu_top_two {
float : left;
height : 0;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
} |
In den hier um:
| Code: | #top_menu_top_two {
float : left;
height : 40px;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
} |
(Relativ weit unten)
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 13.04.2008, 14:37 Titel: |
|
|
Hat 1a geklappt, ich bedank mich mal wieder!
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 13.04.2008, 14:52 Titel: |
|
|
Freut mich das alles funktioniert.
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Bulldok
Erfahrener [User]
Anmeldung: 27.02.08
Beiträge: 80
Wohnort: BaWü
|
| Verfasst am: 24.04.2008, 13:04 Titel: |
|
|
Ich hab mal wieder eine Frage, wenn ich ein Bild bei Joomla über den Button "Bild einfügen" einfügen möchte, dann kommt folgende Fehlermeldung "Das Skript ist beschäftigt oder antwortet nicht...". Habt ihr irgendwelche Ideen wie ich das ändern kann? Die gleiche Fehlermeldung kommt auch wenn ich den html code aufrufen möchte.
|
|
| Nach oben |
|
|
|
|
