Mambo site aanpassen

Gax · 7 jul 2008

Hallo,

Ik ben een paar weken terug met het opzetten van een site voor onze vereniging. Ik heb Mambo geïnstalleerd omdat het makkelijk is voor mij om secties van de website bij te houden. Nu heb ik ook een template gedownload en geïnstalleerd en deze wil ik graag iets aanpassen. Met veel pijn, moeite en hulp (vnml dat laatste) heb ik de banner aangepast gekregen. Nu wil ik alleen nog af van een vervelend menu-effect dat standaard werd meegeleverd met de template (HIER - te bekijken klikken op Vorschau). Iemand van de helpdesk zei me dat ik index.php in de template map moest openen en dan zou ik het wel vinden.

Nou, ik kan net zo goed de bijbel in het Latijns gaan lezen want daar kom ik misschien wel uit. Uit de tekst hieronder echter niet. Kan iemand mij hiermee helpen?

Alvast hartelijk dank!

Code:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<?php echo "<?xml version=\"1.0\"?>"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $GLOBALS[cur_template];?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="<?php echo $mosConfig_sitename?>" href="<?php echo $mosConfig_live_site;?>/index.php?option=com_rss&feed=RSS2.0&no_html=1" />
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" border="0" class="height">

	<tr>
		<td class="bg_left" rowspan="2" class="height"></td>
		<td valign="top" align="center">
<!-- -->
<table width="800" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<table width="800" height="101" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="td1">
						<div id="sitename"><?php echo $GLOBALS['mosConfig_sitename']?></div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table width="800" height="249" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="td6" valign="top">
						<div style="padding:4px;">
							<?php mosLoadModules ( 'left' ); ?>
							<? $sg = 'banner'; include "templates.php"; ?>					
						</div>					
					</td>
					<td class="td7" valign="top">
						<div> 
							<?php mosMainBody(); ?>
						</div>						
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table width="800" height="25" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="td8">
<p id="sgf" align="center">
 			<? $sg = ''; include "templates.php"; ?>
</p></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<!-- -->
		</td>	
		<td class="bg_right"valign="top"></td>
	</tr>		
</table>
<!-- -->
</center>
</body>
</html>

ecd · 7 jul 2008

volgens mij moet je in de css file kijken (zo te zien is dat "template_css.css" . zoek daarin naar a hover en pas daar de alignment aan.

Paintje · 7 jul 2008

Ik betwijfel of je dit in de index.php moet aanpassen, kun je niet in de module eigenschappen van dit menu de menustyle aanpassen?

Wat ecd zeg klinkt ook wel aanneemelijk

Gax · 7 jul 2008

ecd zei:
volgens mij moet je in de css file kijken (zo te zien is dat "template_css.css" . zoek daarin naar a hover en pas daar de alignment aan.

Bedankt voor je bericht.

Ik heb enkel gedaan wat mij verteld werd, heb weinig tot geen verstand van webdesign e.d.
Heb op jouw aanraden de css bestand geopend. Daarin staat "hover" enkele malen in vermeld, maar wat moet ik ermee. Excuses voor mijn ontwetendheid.

Code:

html {
	overflow-x:hidden;
}
/* ********************************************************************* */
body {

	overflow: -moz-scrollbars-vertical;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#fefefe;

	text-align:justify;

	height:100%;

	font-size: 10px;

	margin:0px;

	padding:0px;

	background-color: #51a5e4;

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x ;

}



#sitename {
	width:100%;
	text-align:center;
	font-family: "Georgia",Times,serif;
	font-size:2em;
	font-weight:bold;
	letter-spacing: 3px;
	white-space:nowrap;	
	color:#fefefe;
	margin:0 auto;
	padding:0px 5px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;	
}





.bg_left {
	width:50%;
	height:100%;
}

.bg_right {
	width:50%;
	height:100%;
}



/* ********************************************************************* */

.height {

	height: 100%;

}

.td1 {
	text-align:center;

	background-image: url(../images/siteground_01.jpg);

	background-repeat: no-repeat ;

	width: 800px;

	height: 230px;

}

.td5 {
	background-image: url(../images/siteground_05.jpg);
	background-repeat: no-repeat ;
	width: 800px;
	height: 65px;
}



.td6 {
	background-color:#4b96cf;	
	width: 201px;
	height: 100%;
}





.td7 {
	background-color:#4b96cf;
	width: 599px;
	height: 100%;
}

.td8 {
	background-color:#4b96cf;	
	width: 800px;
	height: 25px;
}


.bg {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	width: 26px;
}

.bg1 {
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-y;
	width: 26px;
}



.pathway {
	padding-left    : 5px;
	border			: 0;
	color: #ffffff;
	font-family: Arial;
	
}

a.pathway:link, a.pathway:visited {
	color			: #ffffff;
	font-size		: 11px;
	line-height		: 18px;
	font-family: Arial;
}
a.pathway:hover {
	color			: #ffffff;
	font-family: Arial;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 20px;
padding-left: 12px;
padding-top: 0px;
background-image: url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;

}

.pagenav
{
	font-size:12px;
	font-weight:normal;
}
.componentheading
{
	height: 14px;
	margin-left:2px;
	padding-left:3px;
	border-bottom: 1px solid #336699;
	color: #336699;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}


a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

table.contenttoc {
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}


table.contenttoc th {
	background: #5462b1;
	color: #C20A28;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}


.button {
	margin-top:3px;
	margin-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #ADAA9C;
	background-color: #E1DECF;
	color: #000000;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
}

.sectiontableheader
{
	background: #E1DECF;
	height: 20px;
	padding-right:3px;
	font-weight :bold;
}

table.contentpane td.contentdescription
{
	font-size:12px;
	line-height:18px;
}

table.contentpane td.componentheading
{
	background:#E1DECF;
	height: 20px;
	padding-left:3px;
	border: 1px solid #FFFFFF;
	color: #C20A28;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td
{
	padding-top:1px;
	padding-bottom:2px;
	font-size:12px;
}

a:link, a:visited {
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}	

table.contentpaneopen
{
	width:100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:12px;
}

table.contentpaneopen td.contentheading
{
	height: 20px;
	padding-left:3px;
	color: #fefefe;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #4fa4e5;
}


a.sublevel:link, a.sublevel:visited {
	font-size: 10px;
	color: #000000;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
	
}

a.sublevel:hover {
	text-decoration: none;

}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 10px;
	text-align: left;
	padding-left:3px;
	padding-top: 5px;
	height: 16px;
	width:140px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4fa4e5;
	color:#fefefe;

}


a.mainlevel:hover {
	text-decoration: none;
	text-align: right;
}

table.moduletable {
	width:100%;	
	margin-bottom: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	color: #fefefe;
	text-align: left;
	vertical-align:middle;
	padding-left: 16px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable td {
	margin-top:12px;
	padding-left:7px;
	font-size: 11px;
	margin: 10px;
	font-weight: normal;
}

td
{
	font-family:arial;
	font-size:11px;
	color:#3C3032;
}

.inputbox {
	font-size:10px;
	font-family:verdana;
	border:solid 1px #ADAA9C;
	background-color: #F3F0E1;
	
}

#sgf {
	font-family: Arial, Verdana, Helvetica;
	font-size:10px;
  	font-weight:bold;	
	color: #336699;
	text-decoration: none;	
}
#sgf a.sgfooter {
	font-family: Arial, Verdana, Helvetica;
	color: #336699;
  	font-weight:bold;	
	text-decoration: none;
	font-size:10px;
}
#sgf a.sgfooter:hover {
	font-family: Arial, Verdana, Helvetica;
	color: #336699;
  	font-weight:bold;	
	text-decoration: none;
	font-size:10px;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
	color			: #000;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sgfooter:hover {
	color			: #000;
	font-family: Arial;
	text-decoration:none;
}
.sgf {
font-size: 9px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-align:left;
}

a.sglink:link, a.sglink:visited {
	color			: #333;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sglink:hover {
	color			: #333;
	font-family: Arial;
	text-decoration:none;
}

Gax · 7 jul 2008

Paintje zei:
Ik betwijfel of je dit in de index.php moet aanpassen, kun je niet in de module eigenschappen van dit menu de menustyle aanpassen?

Bedankt voor je bericht.

Ik heb geprobeerd via het beheerpaneel van mambo dit aan te passen, maar daar vond ik niks.

Hensepens64 · 7 jul 2008

Gax zei:
Bedankt voor je bericht.

Ik heb geprobeerd via het beheerpaneel van mambo dit aan te passen, maar daar vond ik niks.

Ik gebruik zelf Joomla, maar dat is een voortzetting van Mambo dus in essentie zal het niet heel veel schelen.

Het antwoord zit in de css. Daarin wordt aangeven hoe het menu werkt. Ik heb de template even op mijn site geinstalleerd. Het werkt bij niet helemaal volgens de demo, maar kijk eens hiernaar.

In de template_css.css zie de volgende tekst:

a.mainlevel:hover {
text-decoration: none;
text-align: right;

Wijzig dit eens in links. Zie je het menu anders reageren?

je zou hem ook helemaal kunnen weghalen, maar ik weet niet zeker of de template dan nog werkt.

Maak eerste een backup! Mocht je teveel weghalen kun je altijd nog terugvallen.

Gax · 7 jul 2008

Geweldig hoe snel en goed je hier geholpen word!

Ik heb het bestand aangepast. Dat vervelende effect is nu verleden tijd nu heb ik alleen dat geen enkel menu-item meer onderstreept o.i.d. wordt en het lijkt alsof het menu "dood" is. Is dat ook nog aan te passen?

Bedankt voor jullie hulp tot zover!!!

ecd · 7 jul 2008

Bij
a.mainlevel:hover {
text-decoration: none

verander je none in underline en er staat een streepje onder de link.

Wil je meer veranderen in je css-file dan moet je deze openen in bijv het freeware topstyle-lite dan gaat het wijzigen bijna vanzelf.

Paintje · 8 jul 2008

Hensepens64 zei:
a.mainlevel:hover {
text-decoration: none;
text-align: right;

Wijzig dit eens in links

Gax zei:
en het lijkt alsof het menu "dood" is. Is dat ook nog aan te passen?

Uitteraard bedoelde Hensepens met ' links ' > text-align: left;

Als het goed is zou het dan gewoon nog moeten werken alleen blijft het aan de linker kant.

Gax · 8 jul 2008

Paintje zei:
Uitteraard bedoelde Hensepens met ' links ' > text-align: left;

Dat had ik begrepen. Het effect was er ook mee weg alleen, het menu werkte ook gewoon alleen de menu-items werden niet meer onderstreept als je erover heen ging met de muis.

ecd zei:
Bij
a.mainlevel:hover {
text-decoration: none

verander je none in underline en er staat een streepje onder de link.

Wil je meer veranderen in je css-file dan moet je deze openen in bijv het freeware topstyle-lite dan gaat het wijzigen bijna vanzelf.

Bedankt voor je antwoord en de tip. Ik ga het proberen.

vriendelijke groet

Gax · 8 jul 2008

Fantastisch, het menu is nu zoals ik het wil hebben. Ecd, Hensepens64 en andere hartstikke bedankt voor jullie hulp!

Hensepens64 · 8 jul 2008

Gax zei:
Fantastisch, het menu is nu zoals ik het wil hebben. Ecd, Hensepens64 en andere hartstikke bedankt voor jullie hulp!

No problem.
@Paintje dank voor de "vertaling".;-)

Gax · 16 jul 2008

Ik weet niet of ik hiervoor een nieuw onderwerp voor moet aanmaken, maar;

Elke leden van de vereniging willen een Babbelbox. Na 2 dagen klooien heb ik het in een apart menu-item weten te zetten, maar ze willen het graag aan de rechterkant van de site of onder het menu. Hoe kan dit doen?

Alvast bedankt

Hensepens64 · 17 jul 2008

Gax zei:
Ik weet niet of ik hiervoor een nieuw onderwerp voor moet aanmaken, maar;

Elke leden van de vereniging willen een Babbelbox. Na 2 dagen klooien heb ik het in een apart menu-item weten te zetten, maar ze willen het graag aan de rechterkant van de site of onder het menu. Hoe kan dit doen?

Alvast bedankt

Kijk eens bij module beheer (weet niet of het bij Mambo ook zo heet). Selecteer je menu item en dan kun je aangeven waar je het wil hebben.

Wat is je url dan kan ik eens kijken wat voor menu-item je bedoeld.

ps. Deze vraag een apart onderwerp is wel zo handig. Dan kun je in de omschrijving de vraag neerzetten. Nu is deze vraag redelijk onzichtbaar.

Mambo site aanpassen

Gax

Gebruiker

ecd

Gebruiker

Paintje

Terugkerende gebruiker

Gax

Gebruiker

Gax

Gebruiker

Hensepens64

Gebruiker

Gax

Gebruiker

ecd

Gebruiker

Paintje

Terugkerende gebruiker

Gax

Gebruiker

Gax

Gebruiker

Hensepens64

Gebruiker

Gax

Gebruiker

Hensepens64

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy