Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.08.2010 um 07:57 (UTC)    
Titel: css design verändern

kann mir vielleicht einer den header so verändern dass links 'spiXtra' steht am besten das große x in dem gleichem blau wie unten
und gibt es vielleicht so nen code das auf der startseite so wie bei bild oder spox die bilder mit neusten news sich abwechseln

danke schon mal
vielleciht hat ja einer lust sich da auszutoben

hier der code :
<div id="Simple_Black"></div>
<style type="text/css">
<!--

div.header {display: none;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#sidebar_container {display: none;}
#counter {display: none;}

body {
background-image:url(http://img.webme.com/pic/m/ms-testseite/bild2.png);
font-family: arial,verdana;
font-size:12px;
color:#000000;}

div{ font-family: arial,verdana;
font-size:12px;
color:#000000;}

content farbe a{
color:#000000;
font-size: 25px;
text-decoration: none;}

a:hover {
color:#000080;
font-size: 25px;
text-decoration: none;}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;}

a:active {
color:#000080;
font-size: 12px;
text-decoration: none;}


a:visited {
color:#000080;
font-size: 15px;
text-decoration: none;}

#Simple_Black {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image:url(http://img.webme.com/pic/m/ms-testseite/simple-black.png);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 400px;
margin-left:-355px;
width: 716px;
height: 611px;
color: #000000;
background-image:url();
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

#nav_heading {
padding:0px;
height:18px;
color:#000000;
font-size:14px;
font-family:arial;
text-align:center;
background-color:#XXXXXX;
background-image:url();
border:0px solid #000000;}

#nav_container {
position:absolute;
top:100px;
left 50%;
margin-left: -475px;
width:120px;
height:200px;
background-color:#XXXXXX;
background-image:url();
border:1px solid #000000;
}

ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
border: 0px;
width: 89,5px;
height: 31px;
text-align: center;}

li.nav_element a{
display: block;
width: 89,5px;
height: 31px;
margin: 0px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #xxxxxx;
background-image: url();
background-repeat: no-repeat;
padding-left: 0px;
border: 1px solid #xxxxxx;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#xxxxxx;
background-image: url();
background-repeat: no-repeat;
border: 1px solid #xxxxxx;}

-->
</style>




<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 330px;
left: 100px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Fußball</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">1.Bundeliga</a></li>
<li><a href="Unterlink 1.2">2.Bundesliga</a></li>
<li><a href="Unterlink 1.3">3.Bundesliga</a></li>
<li><a href="Unterlink 1.4">International</a></li>
<li><a href="Unterlink 1.5">Champions League</a></li>
<li><a href="Unterlink 1.6">Europa League</a></li>
<li><a href="Unterlink 1.7">DFB-Pokal</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Formel 1</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">News</a></li>
<li><a href="Unterlink 2.2">Termine</a></li>
<li><a href="Unterlink 2.3">Ergebnisse</a></li>
<li><a href="Unterlink 2.4">Fahrer& Teams</a></li>
</ul>

</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">spiXtra.tv</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Fußball</a></li>
<li><a href="Unterlink 5.2">Formel 1</a></li>
</ul>
</li>
</div>
Beitrag09.08.2010 um 10:25 (UTC)    
Titel:

Hey,

Lösung für deine erste Frage:
Eigentlich könnte man einfach den Titel der Website wieder sichtbar machen. Aber dann könnte man keine Formatierungen an dem X vornehmen. Daher würde ich dir empfehlen das Bild des Designs (http://img.webme.com/pic/m/ms-testseite/simple-black.png) herunterzuladen und zu bearbeiten und dann wieder einzufügen. Wäre für dich die Beste Lösung zu diesem Zeitpunkt.

Zum Zweiten:
Dies ist mit JavaScript möglich. Ich habe mal im Internet nen bisschen gesucht, vielleicht ist das, das was du suchst:
Code:
<script language="JavaScript">
<!--
var text = new Array ();
text [0] = "Text Nr. 1";
text [1] = "Text Nr. 2";
text [2] = "Text Nr. 3";
text [3] = "Text Nr. 4";

var weiter = 0;

function textwechsel() {
window.status = text[weiter];
weiter++;
if (weiter >= text.length) weiter = 0;
setTimeout ("textTauschen()", 3000);
}

//-->
</script>
<div id="text" onload="textwechsel()"></div>

Dies fügst du einfach in den Quelltext deiner Startseite ein. ACHTUNG: Ich gebe keine Garantie dafür, dass es funktioniert.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag11.08.2010 um 10:41 (UTC)    
Titel:

Hallo,

wie kann man sien eigenes design zum beispiel ien bild im hintergrund machen,wiel es gibt da nur designs zum aussuchen.

LGG
Beitrag11.08.2010 um 11:44 (UTC)    
Titel:

Dann schau dir am besten mal diese Rubrik an:
http://www.homepage-baukasten.de/forum/viewforum.php?f=26

Dort werden sehr viele Sachen genau erklärt.
Aber mit dem jetztigen Deisgn wirst du leider nicht weit kommen, ich würde dir das Design Iceblue oder Css empfehlen, die man fast vollständig verändern kann.

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag12.08.2010 um 19:14 (UTC)    
Titel:

danke ig444
ich werds gleich ausprobiern obs klappt
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de