ilch Forum » Allgemein » HTML, PHP, SQL,... » Hilfe beim umcoden

Geschlossen
  1. Di. 11.11.2008 22:03 Uhr #1
    User Pic
    Mark in cologne Mitglied
    Registriert seit
    02.09.2007
    Beiträge
    68
    Beitragswertungen
    0 Beitragspunkte
    Hi, ich brauche mal wieder Hilfe beim umcoden^^

    Und zwar hätte ich gerne auf meiner Page die Navigations- und die Lastwarsbox auf der rechten Seite neben der Lastwars-, der Login- und der Shoutbox.

    Wie mache ich das?

    Hier die Indexdatei: 

    <!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>
<title>www.illusports.com/</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="blue-webmedia.de" />
	<meta name="description" content="illusports" />
	<meta name="designer" content="illusports" />
	<meta name="distribution" content="global" />
	<meta name="keywords" content="illu, illusports, illu-sports, illumination, esport, clan, cs, counterstrike, gw, guildwars, herr der ringe online, hdro" />

	<meta name="language" content="de" />
	<meta name="publisher" content="blue-webmedia.de" />
	<meta name="robots" content="index,follow" />

<script type="text/javascript" src="include/designs/illu/navi.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="include/designs/illu/design.css" />
		<!--[if lt IE 7]>
		 <style type="text/css">
			div, a { behavior:url(include/designs/illu/hm_iepngfix.htc) }
		 </style>
		<![endif]-->
		<!--[if lt IE 6]>
		 <style type="text/css">
			div, a { behavior:url(include/designs/illu/hm_iepngfix.htc) }
		 </style>
		<![endif]-->
</head>
<body>
<script type="text/javascript" src="http://shots.snap.com/ss/3315e48eeb0c4351d7cddf32d05f4b72/snap_shots.js"></script>
<div id="wrap">
	<div id="headbg">
		<div class="left" id="lol">
			<div id="designswitch">				
				<ul id="designswitch">
					<li><a href="#" id="illu-neutral-hover"></a></li>
					<li><a href="index.php?design=illucs" id="illu-cs"></a></li>
					<li><a href="index.php?design=illu-fantasy" id="illu-gw"></a></li>
				</ul>
			</div>
			<div id="werbebanner" class="clear"><a href="http://www.4netplayers.de"></a></div>
            <div id="navigation" class="clear">        
                <ul id="navigation">
                    <li><a href="javascript:menu(1);" id="newsarea" class="main_active"></a></li>
                    <li><a href="javascript:menu(2);" id="communityarea" class="main_inactive"></a></li>
                    <li><a href="javascript:menu(3);" id="clanarea" class="main_inactive"></a></li>
                </ul>
            </div>
            <div id="searchbg" class="clear">{_boxes_search}</div>
        </div>
        <div id="lastnewsbg" class="left">{_boxes_lastnews}</div>
    </div>
    <div id="content">
        <div id="navi-left" class="left">
            <div id="sub_newsarea" class="sub_active">{_list_menunr1@%2}</div>
            <div id="sub_communityarea" class="sub_inactive">{_list_menunr2@%2}</div>
            <div id="sub_clanarea" class="sub_inactive">{_list_menunr3@%2}</div>
            <div id="lastwarsbg">{_boxes_lastwars}<a href="index.php?wars" class="mehrlastwars">more Lastwars</a></div>
        </div>
        <div id="smalcontent" class="left">
          <div>
                <div id="titel">{TITLE}</div>
                <div class="whitecontent">{EXPLODE}</div>
          </div>
        </div>
        <div id="navi-right" class="left">
            <ul id="navi-right">
                <li>{_boxes_login}</li>
                <li id="shouttitel"></li>
                <li id="shoutcontent">{_boxes_shoutbox}</li>
                <li id="shoutfoot"></li>
            </ul>
        </div>
        <br class="clear"/>
    </div>
    <div id="foot" class="clear">

        <div class="left"Copyright >&copy; 2008 <a href="http://www.illusports.com/">Illumination eSports</a>. All rights reserved.</div> <div class="right">Script Copyright by <a href="http://www.ilch.de">Ilch</a></div>
        <div class="left" style="padding-left:390px;"><a href="#">Top</a> | <a href="index.php">Home</a> | <a href="index.php?contact">Contact</a> | <a href="index.php?impressum">Impressum</a></div>
    </div>
</div>
</body>
</html>

{_list_vmenubegi@<ul class="navi-left">}
{_list_vmenuende@</ul>}
{_list_vmenupoint@<li class="subbutton"><a target="%1" href="%2">%3</a>|</li>||}


    [EDIT]
    Ich denk mal man braucht dazu vielleicht auch die design.css

    Hier ist sie: 

    /* CSS Document - Main */
* html * { behavior:url(iepngfix.htc) }

body {
    background-color: #628da6;
	background-image:url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: none;
    margin: 0px;
    padding: 0px;
}

a {
	border: none;
	outline: none;
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: underline;
}

a:hover {
	border: none;
	outline: none;
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: underline;
}

div#wrap {
	margin: auto;
	width: 938px;
}
/* CSS Document - Content */
div#content {
	width: 906px;
	margin-left: 9px;
	background-image:url(images/contentbg.jpg);
}

div#navi-left {
	background-image:url(images/navi-left/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 211px;
	padding-top: 70px;
	display: block;
}

ul.navi-left {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li.subbutton {
	width: 200px;
	padding-left: 11px;
	padding-top: 1px;
}

li.subbutton a {
	width: 180px;
	height: 23px;
	padding-left: 11px;
	padding-top: 7px;
	display: block;
	background-image:url(images/navi-left/sub-button.png);
	background-repeat: no-repeat;
    font-size: 12px;
    font-family: Arial;
	color: #738c95;
	text-decoration: none;
}

li.subbutton a:hover {
	width: 180px;
	height: 23px;
	padding-left: 11px;
	padding-top: 7px;
	display: block;
	background-image:url(images/navi-left/sub-button-hover.png);
	background-repeat: no-repeat;
    font-size: 12px;
    font-family: Arial;
	color: #a2b6be;
	text-decoration: underline;
}

div#lastwarsbg {
	background-image:url(images/navi-left/lastwarsbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	width: 206px;
	height: 180px;
	padding-top: 67px;
	padding-left: 5px;
}

div#smalcontent {
	background-image:url(images/content-oben.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 463px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 5px;
	display: block;
}

div#navi-right {
	width: 223px;
}

ul#navi-right {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#loginarea {
	width: 213px;
	height: 72px;
	padding-top: 9px;
	padding-left: 10px;
	display: block;
	background-image:url(images/navi-right/loginbg.jpg);
	background-repeat: no-repeat;
}

div#loginarea2 {
	width: 213px;
	height: 72px;
	padding-top: 9px;
	padding-left: 10px;
	display: block;
	background-image:url(images/navi-right/loginbg2.jpg);
	background-repeat: no-repeat;
    font-size: 12px;
    font-family: Arial;
	color: #b5babc;
	text-decoration: none;
}

div#loginarea2 a {
    font-size: 12px;
    font-family: Arial;
	color: #b5babc;
	text-decoration: none;
}

div#loginarea2 a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #b5babc;
	text-decoration: underline;
}

li#shouttitel {
	width: 223px;
	height: 30px;
	display: block;
	background-image:url(images/navi-right/titel-shout.jpg);
	background-repeat: no-repeat;
}

li#shoutcontent {
	width: 215px;
	background-color: #FFFFFF;
	padding: 4px;
}

li#shoutfoot {
	width: 223px;
	height: 221px;
	display: block;
	background-image:url(images/navi-right/rechtespalte-ende.jpg);
	background-repeat: no-repeat;
	background-position: right;
}


/* CSS Document - Head */
div#headbg {
	background-image:url(images/head-neutral.jpg);
	background-repeat: no-repeat;
	width: 938px;
	height: 442px;
	display: block;
}

div#designswitch {
	float: left;
	width: 161px;
	height: 64px;
	padding-left: 11px;
	padding-top: 11px;
}

ul#designswitch {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#designswitch li {
	float: left;
	padding: 0px;
}

a#illu-neutral {
	background-image:url(images/design-switch/illu-neutral.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 53px;
	height: 64px;
}

a#illu-neutral:hover {
	background-image:url(images/design-switch/illu-neutral-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 53px;
	height: 64px;
}

a#illu-neutral-hover {
	background-image:url(images/design-switch/illu-neutral-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 53px;
	height: 64px;
}

a#illu-cs {
	background-image:url(images/design-switch/illu-cs.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

a#illu-cs:hover {
	background-image:url(images/design-switch/illu-cs-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

a#illu-cs-hover {
	background-image:url(images/design-switch/illu-cs-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

a#illu-gw {
	background-image:url(images/design-switch/illu-gw.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

a#illu-gw:hover {
	background-image:url(images/design-switch/illu-gw-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

a#illu-gw-hover {
	background-image:url(images/design-switch/illu-gw-hover.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 64px;
}

div#werbebanner {
	float: left;
	width: 468px;
	height: 60px;
	padding-top: 80px;
	padding-left: 22px;
}

div#werbebanner a {
	width: 468px;
	height: 60px;
	background-image:url(images/werbebanner/werbebanner.gif);
	background-repeat: no-repeat;
	display: block;
}

.sub_active, .sub_inactive {
	display: block;
}

.sub_inactive {
	display: none !important;
}

div#navigation {
	width: 605px;
	height: 60px;
	padding-top: 29px;
	padding-left: 8px;
	float: left;
}

ul#navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#navigation li {
	float: left;
	padding: 0px;
}

ul#navigation li a {
	height: 60px;
	background-repeat: no-repeat;
	display: block;
}

ul#navigation li a.selected {
	background-position: bottom;
}

ul#navigation li a:hover, ul#navigation li a.main_active  {
	background-position: bottom;
}

a#newsarea {
	background-image:url(images/navigation/newsarea.jpg);

	width: 153px;
}

a#communityarea {
	background-image:url(images/navigation/communityarea.jpg);
	width: 145px;
}

a#clanarea {
	background-image:url(images/navigation/clanarea.jpg);
	width: 145px;
}

div#searchbg {
	width: 273px;
	height: 31px;
	padding-left: 416px;
	padding-top: 61px;
	display: block;
}

div#lastnewsbg {
	width: 214px;
	height: 126px;
	padding-top: 280px;
	padding-left: 7px;
}

div#lol {
	height: 442px;
}


div#subnavigation {
	float: left;
	height: 42px;
	padding-left: 97px;
	padding-top: 36px;
	display: block;
}

ul#subnavigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#subnavigation li {
	float: left;
	padding: 0px;
}

ul#subnavigation li a {
	display: block;
	background-image:url(images/navigation/sub-button.jpg);
	background-repeat: no-repeat;
	width: 104px;
	height: 31px;
	padding-top: 11px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}

ul#subnavigation li a:hover {
	display: block;
	background-image:url(images/navigation/sub-buttonh.jpg);
	background-repeat: no-repeat;
	width: 104px;
	height: 31px;
	padding-top: 11px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

/* CSS Document - Foot */
div#foot {
	margin-left: 9px;
	background-image:url(images/foot.png);
	background-repeat: no-repeat;
	width: 855px;
	height: 38px;
	padding-top: 32px;
	padding-left: 51px;
	display: block;
    font-size: 12px;
    font-family: Arial;
	color: #d8ffff;
	text-decoration: none;
}

div#foot a {
    font-size: 12px;
    font-family: Arial;
	color: #d8ffff;
	text-decoration: none;
}

div#foot a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #d8ffff;
	text-decoration: underline;
}

/* CSS Document - Floats */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}


/* CSS Document - Ilch-CMS - Search*/

.searchinput {
	background-image:url(images/search/searchinput.jpg);
	background-repeat: no-repeat;
	display: block;
    margin: 0px;
    padding: 0px;
	width: 191px;
	height: 20px;
	padding-top: 2px;
    font-size: 12px;
    font-family: Arial;
	color: #808689;
	text-decoration: none;
	float: left;
	border: 0px;
}

.searchbutton {
	background-image:url(images/search/searchbutton.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 58px;
	height: 22px;
	float: left;
	border: 0px;
	cursor: pointer;
}

/* CSS Document - Ilch-CMS - Login*/

.loginput1 {
	background-image:url(images/login/logininput1.jpg);
	background-repeat: no-repeat;
	display: block;
    margin: 0px;
    padding-top: 2px;
	width: 201px;
	height: 20px;
    font-size: 12px;
    font-family: Arial;
	color: #808689;
	text-decoration: none;
	border: 0px;
}

.loginput2 {
	background-image:url(images/login/logininput2.jpg);
	background-repeat: no-repeat;
	display: block;
    margin-top: 13px;
    padding-top: 2px;
	width: 117px;
	height: 20px;
    font-size: 12px;
    font-family: Arial;
	color: #808689;
	text-decoration: none;
	float: left;
	border: 0px;
}

.logbutton {
	background-image:url(images/login/logbutton.jpg);
	background-repeat: no-repeat;
	display: block;
    margin-top: 13px;
	width: 39px;
	height: 25px;
	float: left;
	border: 0px;
	cursor: pointer;
}

a#regbutton {
	background-image:url(images/login/regbutton.jpg);
	background-repeat: no-repeat;
	display: block;
    margin-top: 13px;
	width: 42px;
	height: 25px;
	float: left;
	border: 0px;
}

/* CSS Document - Ilch-CMS - News*/

#newstitel {
	background-image:url(images/news/newstitel.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 425px;
	height: 26px;
	padding-top: 15px;
	padding-left: 38px;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px;
}

#titel {
	background-image:url(images/titel.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 425px;
	height: 26px;
	padding-top: 15px;
	padding-left: 38px;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px;
}

.whitecontent {
	background-color:#FFFFFF;
	padding: 5px;
}

#titel a {
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
}

#titel a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: underline;
}

#newstitel a {
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
}

#newstitel a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	text-decoration: underline;
}

#newscontent {
	background-color:#FFFFFF;
	padding-top: 10px;
	width: 451px;
	padding-left: 6px;
	padding-right: 6px;
}

#newsfoot {
	background-image:url(images/news/newsfoot.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 453px;
	height: 25px;
	padding-top: 22px;
	padding-left: 10px;
    font-size: 12px;
    font-family: Arial;
	color: #b5babc;
	text-decoration: none;
	border: 0px;
}

.lastwars {
	background-image:url(images/trennstrich.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 34px;
}

.lastwars a {
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: none;
}

.lastwars a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: underline;
}

.mehrlastwars {
    font-size: 12px;
    font-family: Arial;
	color: #b2b6b7;
	text-decoration: none;
	margin-top: 13px;
	margin-left: 95px;
	display: block;
}

.mehrlastwars:hover {
    font-size: 12px;
    font-family: Arial;
	color: #b2b6b7;
	text-decoration: underline;
	margin-top: 13px;
	margin-left: 95px;
	display: block;
}

.lastnews {
	background-image:url(images/trennstrich.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 37px;
}

.lastnews a {
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: none;
}

.lastnews a:hover {
    font-size: 12px;
    font-family: Arial;
	color: #344348;
	text-decoration: underline;
}

#newsicon {
	background-image:url(images/newspic.gif);
	background-repeat: no-repeat;
	display: block;
	width: 21px;
	height: 27px;
}

.shoutbox {
	background-image:url(images/trennstrich.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 4px;
	padding-bottom: 6px;
	display: block;
}


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link


    Zuletzt modifiziert von Mark in cologne am 12.11.2008 - 00:01:11
    [In der Sonne liegen und das Leben genießen...]
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 12.11.2008 09:42 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Das ist mit Umcoden allein nicht zu schaffen, dazu müssten zusätzlich noch Bilder angepasst werden etc.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 12.11.2008 23:45 Uhr #3
    User Pic
    Mark in cologne Mitglied
    Registriert seit
    02.09.2007
    Beiträge
    68
    Beitragswertungen
    0 Beitragspunkte
    ok, ich werds die Tage mal versuchen lächeln
    Trotzdem danke zwinker
    [In der Sonne liegen und das Leben genießen...]
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten