Hallo,
ich designe meine Homepage gerade neu und wollte jetzt mal teile des CSS auslagern. ich hab einfach mal mit den Cursor Classes angefangen.
das ganze hab ich dann in meine Template Datei von Dreamweaver mit einem Link tag eingebunden.
nur is nun das Problem das der der Cursor einfach nicht mehr angezeigt wird...ich kann keinen Fehler im Link Tag finden und die CSS classes gingen froher noch. Ich hoffe jemand von euch weiß weiter...
EDIT: Hat sich erledigt... es wahr ein Fehler im Pfad.
ich designe meine Homepage gerade neu und wollte jetzt mal teile des CSS auslagern. ich hab einfach mal mit den Cursor Classes angefangen.
Code:
@charset "utf-8";
/* CSS-Cursor-Datei */
a{
cursor:url(../TitanNano/build/layout/Grafics/cursor_over.png), pointer;
}
.cursor{
cursor:url(../TitanNano/build/layout/Grafics/cursor.png), auto;
}
.cursor_click{
cursor:url(../TitanNano/build/layout/Grafics/cursor_over.png), pointer;
}das ganze hab ich dann in meine Template Datei von Dreamweaver mit einem Link tag eingebunden.
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Unbenanntes Dokument</title>
<!-- TemplateEndEditable -->
<style type="text/css">
::selection {
background-color:#3b5998;
color:#FFF;
}
::-moz-selection {
background-color:#3b5998;
color:#FFF;
}
::-webkit-selection {
background-color:#3b5998;
color:#FFF;
}
</style>
<link rel="stylesheet" type="text/css" href="css/cursor.css">
</head>
<body class="cursor" style="overflow:hidden; background-color:#627aad;">
<div id="title_extend" style="height:195px; width:100%; z-index:1; position:absolute; left:0px; top:0px; background-color:#3b5998;"></div>
<div id="control_menue" style="position:absolute; z-index:3; background-image:url(../TitanNano/Grafics/config.png); background-repeat:repeat-x; top:0px; width: 91px; height: 28px; left: 60px;">
<div id="config_name"></div><div id="config_std"></div>
</div>
<div id="page_body" style="width:1024px; top:0px; left:0px; position:absolute; z-index:2; height: 100%; background-color:#3b5998;">
<div id="title" style="text-align:center;"> <img alt="TitanNano" src="http://forum.jswelt.de/TitanNano/Grafics/title_prev.png"></div>
<div id="menue">
<div id="menue_left" style="float:left; margin-top:5px; height:55px; width:213px; overflow:hidden;"><img alt="left Toolbar" style="margin-left:0px; margin-top:0px;" src="http://forum.jswelt.de/TitanNano/Grafics/toolbar.png"></div>
<div id="menue_home" class="cursor_click" style="float:left; margin-top:5px; height:55px; width:98px; overflow:hidden;"><img alt="Home" id="menue_home_img" style="margin-left:-213px; margin-top:0px;" src="http://forum.jswelt.de/TitanNano/Grafics/toolbar.png"></div>
<div id="menue_down" class="cursor_click" style="float:left; margin-top:5px; height:55px; width:173px; overflow:hidden;"><img alt="Downloads" id="menue_down_img" style="margin-left:-311px; margin-top:0px;" src="http://forum.jswelt.de/TitanNano/Grafics/toolbar.png"></div>
<div id="menue_ntv" class="cursor_click" style="float:left; margin-top:5px; height:55px; width:328px; overflow:hidden;"><img alt="NanoTV - comming soon" id="menue_ntv_img" style="margin-left:-484px; margin-top:0px;" src="http://forum.jswelt.de/TitanNano/Grafics/toolbar.png"></div>
<div id="menue_right" style="float:left; height:55px; margin-top:5px; width:212px; overflow:hidden;"><img alt="right Toolbar" style="margin-left:-812px; margin-top:0px;" src="http://forum.jswelt.de/TitanNano/Grafics/toolbar.png"></div>
</div>
<div id="textpart" style="background:#627aad; border-left-color:#FFF; font-family:arial; border-left-style:solid; border-left-width:thin; border-right-color:#FFF; border-right-style:solid; border-right-width:thin; font-family:Arial; overflow:auto; height:0px; color:#FFF">
<!-- TemplateBeginEditable name="Textpart" -->
<!-- TemplateEndEditable -->
</div>
</div>
<!-- TemplateBeginEditable name="Scripts" -->
<script type="text/javascript" src="./Scripts/layout.js">
</script>
<!-- TemplateEndEditable -->
</body>
</html>nur is nun das Problem das der der Cursor einfach nicht mehr angezeigt wird...ich kann keinen Fehler im Link Tag finden und die CSS classes gingen froher noch. Ich hoffe jemand von euch weiß weiter...
EDIT: Hat sich erledigt... es wahr ein Fehler im Pfad.
Zuletzt bearbeitet: