Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 9
Seite [1]
wasgeht


Poststar





Beiträge: 648
# Thema - 27.04.2008 um 17:09 Uhr
seit dem neuen design, was ich anfertigte, funzt meine Lightbox und die Googlemap, sowie bannermouseover nicht mehr

weis einer zufällig rat?

http://www.team-daf.de/Clan/

clansphere.css
mehr... +-

body {
font-family:Verdana,Helvetica,sans-serif;
font-size:9pt;
margin:0px;
text-align:center;
}
a.menu {
display: block;
margin-bottom: 0px;
text-align: center;
border-style: ridge;
border-width: 0px;
padding: 0px;
text-decoration: bold;

}
a.menu:link { color:#777777; bgcolor:inherit; background-image: url(images/button.png); text-align:center; font-family: Arial, sans-serif; font-size:12px; padding:5px;font-weight:bold;}
a.menu:visited { color:#777777; bgcolor:inherit; background-image: url(images/button.png); text-align:center; font-family: Arial, sans-serif; font-size:12px;padding:5px;font-weight:bold;}
a.menu:hover { color:#c0c0c0; bgcolor:inherit; background-image: url(images/button-over.png); text-align:center; font-family: Arial, sans-serif; font-size:12px;padding:5px;font-weight:bold;}
a.menu:active { color:#777777; bgcolor:inherit; background-image: url(images/button.png); text-align:center; font-family: Arial, sans-serif; font-size:12px;padding:5px;font-weight:bold;}

a:link, a:visited {
background-color:inherit;
color:#c0c0c0;
text-decoration:none;
font-size:12px;
}
a:active, a:hover {
background-color:inherit;
color:#ffffff;
text-decoration:none;
font-size:12px;
}
div, span {
background-color:inherit;
color:#ffffff;
font-family:Verdana,Helvetica,sans-serif;
text-decoration:none;
}


.bg {
background-image: url('images/haupt-menu.png');
background-repeat: no-repeat;
color:#ffffff;
text-align:center;
font-family: Verdana, sans-serif;
font-size:12px;
padding:8px;
font-weight:bold;
}

.bgr {
background-image: url('images/haupt-menu1.png');
background-repeat: no-repeat;
color:#ffffff;
text-align:center;
font-family: Verdana, sans-serif;
font-size:11px;
padding:7px;
font-weight:bold;
}

img {
border:0px;
}
form {
display:inline;
}
td {
background-color:inherit;
color:#ffffff;
font-size:9pt;
vertical-align:top;
}
textarea {
width:96%;
}

#head, #nav-left, #content, #bottom {
float:left;
margin:auto;
}

#head {
background-color:#111111;
border:0px solid #dddddd;
color:inherit;
height:120px;
margin-bottom:20px;

width:100%;
}
#nav-left {
width:14%;
}
#nav-right {
float:center;
width:14%;
}
#content {
background-color:inherit;
color:#ffffff;
text-align:center;
width:74%;
}
#bottom {
background-color:#111111;
border:2px solid #dddddd;
color:inherit;
margin-top:20px;
padding:4px 0px 4px 0px;
width:100%;
}

.form {
background-image:url('images/form.png');
border:1px solid #dddddd;
color:#999999;
font-family:Verdana,Helvetica,sans-serif;
font-size:9pt;
margin:2px;
padding-left:3px;
}
.forum {
background-color:#000000;
border:2px solid #333333;
color:inherit;
margin:auto;
}
.headb {
background-image:url('images/head-row.png');
color:inherit;
font-weight:bold;
padding:4px;
text-align:left;
text-indent:0mm
}
.bottom {
background-color:#222222;
color:inherit;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-image:url('images/form.png');
color:inherit;
font-size:11pt;
font-weight:bold;
padding:4px 6px 4px 8px;
text-align:left;
}
.left, .center, .right {
padding:1px;
}
.leftb, .centerb, .rightb {
background-color:#111111;
color:inherit;
padding:4px 6px 4px 8px;
}
.leftc, .centerc, .rightc {
background-color:#222222;
color:inherit;
padding:4px 6px 4px 8px;
}
.left, .leftb, .leftc {
text-align:left;
}
.center, .centerb, .centerc {
text-align:center;
}
.right, .rightb, .rightc {
text-align:right;
}
.quote {
background-color:#111111;
border:1px solid #dddddd;
color:inherit;
padding:6px;
text-align:left;
}
.navhead, .navhead2 {
background-image:url('images/head-row.png');
border:solid #dddddd;
border-width:2px 2px 0px 2px;
color:inherit;
font-weight:bold;
padding:4px;
text-align:center;
}
.navbodyb, .navbody2b {
background-image:url('images/head-row.png');
color:inherit;
background-color:#222222;
border:2px solid #dddddd;
padding:4px 6px 4px 8px;
text-align:left;
}
.calhead {
background-color:#222222;
color:inherit;
padding:4px 2px 4px 2px;
text-align:center;
}
.calday, .calevent, .caltoday, .calweek {
padding:4px 2px 4px 2px;
text-align:right;
}
.calday {
background-color:#111111;
color:inherit;
}
.calevent {
background-color:#111111;
color:inherit;
}
.caltoday {
background-color:#333333;
color:inherit;
}
.calweek {
background-color:#333333;
color:inherit;
}
#errors {
color:#CC0000;
}
#sql {
color:#777777;
}





#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #111111;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/mods/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/mods/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/mods/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #111111;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{padding:0 10px; color: #333333;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000000;
}


und ein auszug der index.htm im design
mehr... +-

<!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>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
{clansphere:navmeta}
{googlemaps:head}
<meta name="verify-v1" content="uZnmWlgmCdKMccOn29FEpzzs87TOjEXeMiwQKyNkzUc=" />
<meta name="Keywords" content="FUN-LIGA, battlefield, vietnam, nolf, bF-V, bf-2, battlefield 2,bf2, team, german, squat, =DAF=, daf, DAF, bf2-clan, bf2clan, member, members, join, ">
<META content="INDEX, FOLLOW" name=ROBOTS />
<META content="1 DAYS" name=REVISIT-AFTER />
<META content=GENERAL name=RATING />
<link rel="SHORTCUT ICON" href="http://www.clan-daf.de/crysis.ico">
<link rel="icon" href="http://www.clan-daf.de/crysis.ico" type="image/ico">
<link href="clansphere.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
<script type="text/javascript" src="wtf.js"></script>
<script language="JavaScript" type="text/javascript" src="spinmenu.js"></script>
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</SCRIPT>
</Head>
<Body bgcolor="#000000" background="images/back.png">


bitte um designerhilfe

besten dank


------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................
Inaktiv
maikoldi


Going for pro




Herkunft: Ottersberg
Beiträge: 545
# Antwort: 1 - 27.04.2008 um 17:28 Uhr
hi
versuchs mal damit das java script in ne externe datei auszulagern.
greetz


------------------
Visit:http://www.roundowner.de
Puplicons +-



Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 2 - 27.04.2008 um 17:47 Uhr
Da fehlt doch was für die lightbox im header oder nicht?

Da müssten auch die .js dateien verknüpft werden für die Lightbox.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
wasgeht
Thread-Ersteller


Poststar





Beiträge: 648
# Antwort: 3 - 27.04.2008 um 17:51 Uhr
EDIT: die lightbox ist im stylesheet der index.htm, also clanshere.css
EDIT2: die googlemap und dass bannermouseover gehen ja auch nicht
andere designs hingegen schon

mehr... +-

<!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>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
{clansphere:navmeta}
{googlemaps:head}

<link href="clansphere.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
<script language="JavaScript" type="text/javascript" src="wtf.js"></script>
<script language="JavaScript" type="text/javascript" src="spinmenu.js"></script>
<script language="JavaScript" type="text/javascript" src="setrollover.js"></script>
</Head>


ein teil eines mouseover

<a href="#"
onmouseover="rollover('home12'); window.status='Nach oben scrollen'; return true;"
onmouseout="rollout('home12'); window.status='Nach oben scrollen'; return true;">
<Img Src="images/footer-top.png" Width="114" Height="58" Border="0" alt="" name="home12" /></a>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("http://wasgeht-designs.de/Clan/templates/Carbon/images/1footer-top.png");
//-->
</SCRIPT>


hier die abgeänderte index.htm

habe leider keinerlei Veränderungen


------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................


Zuletzt editiert von wasgeht am 27.04.2008 um 17:54 Uhr (2x Editiert)
Inaktiv
|
WasteL


Try to beat me




Beiträge: 117
# Antwort: 4 - 27.04.2008 um 18:17 Uhr
wie peinlich...
... http://wasgeht-designs.de/images/_8.png
:-D


Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 5 - 27.04.2008 um 19:04 Uhr
für google maps poste bitte den <body> tag der index.htm


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 6 - 27.04.2008 um 19:11 Uhr
</Head>

kleinschreiben


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
wasgeht
Thread-Ersteller


Poststar





Beiträge: 648
# Antwort: 7 - 27.04.2008 um 19:13 Uhr
mehr... +-

<!-- $Id: index.htm 11 2006-06-18 22:32:13Z felix $ -->
<!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>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
{clansphere:navmeta}
{googlemaps:head}
<meta name="verify-v1" content="uZnmWlgmCdKMccOn29FEpzzs87TOjEXeMiwQKyNkzUc=" />
<meta name="Keywords" content="FUN-LIGA, battlefield, vietnam, nolf, bF-V, bf-2, battlefield 2,bf2, team, german, squat, =DAF=, daf, DAF, bf2-clan, bf2clan, member, members, join, ">
<META content="INDEX, FOLLOW" name=ROBOTS />
<META content="1 DAYS" name=REVISIT-AFTER />
<META content=GENERAL name=RATING />
<link rel="SHORTCUT ICON" href="http://www.clan-daf.de/crysis.ico">
<link rel="icon" href="http://www.clan-daf.de/crysis.ico" type="image/ico">
<link href="clansphere.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
<script language="JavaScript" type="text/javascript" src="wtf.js"></script>
<script language="JavaScript" type="text/javascript" src="spinmenu.js"></script>
<SCRIPT language="JavaScript" type="text/javascript" src="austausch.js"></script>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</Head>
<Body bgcolor="#000000" background="images/back.png"><body onunload="GUnload()">
<Body LeftMargin="0" TopMargin="0" MarginWidth="0" MarginHeight="0">



------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 8 - 27.04.2008 um 19:17 Uhr
27.04.2008 um 19:11 Uhr - Fr33z3m4n:
</Head>

kleinschreiben


und die ganzen bodys tags doppelt geöffnet, das geht ja mal garnicht.

es gibt/geht nur ein <body ....
nicht mehrfach
und die ganzen attribute kannste alle in die css packen


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
wasgeht
Thread-Ersteller


Poststar





Beiträge: 648
# Antwort: 9 - 27.04.2008 um 19:20 Uhr
oops anschiss

okok

http://www.team-daf.de/Clan/index.php?mod=gallery&action=com_view&where=33

http://wasgeht-designs.de/Clan/index.php?mod=gallery&action=com_view&where=33

wieso geht bei wasgeht-designs die lightbox über dass spinmenü und bei team-daf nicht?

es sind die gleichen dateien im template auch der code ist gleich


------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................


Zuletzt editiert von wasgeht am 27.04.2008 um 20:44 Uhr (1x Editiert)
Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.