Schatten um Homepage

Neu bei Joomla? Allgemeine Fragen über Joomla!

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
irootoko
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Tue Nov 15, 2011 7:28 pm

Schatten um Homepage

Post by irootoko » Tue Nov 15, 2011 7:38 pm

Hallo...

ich bin relativer Neuling in Sachen Joomla und CSS sowieso.
Ich will auf unserer Vereinshomepage (http://www.fc-erzingen.de - Template: ja_mageia) einen Schatten um die Seite einbauen, ähnlich wie hier: http://www.schalke04.de

Wie kann ich sowas realisieren bzw. ist dies kompliziert? Hab schon mal gegoogelt und auch einige Sachen gelesen aber ich komme nicht weiter bzw. weiss nicht wie man das angeht.

Ich freue mich auf Antworten.

 
User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1060
Joined: Wed Apr 21, 2010 7:36 am

Re: Schatten um Homepage

Post by Slowrider » Wed Nov 16, 2011 6:01 pm

Das muss bereits bei der Erstellung der Grafiken geschehen, wie man sieht:
Image
(und das ist m.E. der einfachere Weg).
Alternativ könnte man durch Anpassung des Templates einen Rahmen aus Schatten-Grafiken nachrüsten. Dazu brauchst du Versionen für links, rechts, oben, unten, den Ecken und etwas Kenntnisse in CSS.

irootoko
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Tue Nov 15, 2011 7:28 pm

Re: Schatten um Homepage

Post by irootoko » Fri Nov 18, 2011 2:42 pm

Hallo....danke erst mal für die Antwort...ich habe noch ein kleines Problem,von dem ich hoffe dass es hier gelöst werden kann (mit Sicherheit ;) )

Image

wie man sieht zieht esmir den background von "Letzte Nachrichten" nicht bis ganz runter an den footer. Gleiches Passiert beim "Sport 1 Modul". Wie kann ich erreichen dass bei beiden der background bis nach unten gezogen wird?

Hier der Code Auszug:

Code: Select all

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-right, .ja-box-rightcol {
	float: left;
	overflow: hidden;
	padding: 0;
}

.ja-box-full div.moduletable,
.ja-box-left div.moduletable,
.ja-box-right div.moduletable,
.ja-box-rightcol div.moduletable{
	padding: 0 20px 20px 20px;
}

.ja-box-left div.moduletable h3,
.ja-box-full div.moduletable h3 {
	background: #7da3fc;
        background-image: url(../../../images/terminehead.png);
        height: 17px;
        background-position: top;
}

.ja-box-left,
.ja-box-full {
	background: #FFFFFF;
}

.ja-box-right div.moduletable h3 {
	background: #466caf;
        background-image: url(../../../images/letztenewshead.png);
        height: 17px;
        background-position: top;
}

.ja-box-right {
	background: #F4F6F7;
        height: auto;
}

.ja-box-rightcol {
        background: #E3E8EB;
	background-image: url(../../../images/sport1.png);
	background-position: top;
        background-repeat: no-repeat;	
}

.ja-box-rightcol div.moduletablesport1 {
        margin-top: 18%;
        margin-left: 20px;
        margin-bottom: 20px;
}

.ja-box-rightcol div.moduletable h3 {
	background-color: #E3E8EB
} 


/* Bottom Spotlight */
#ja-botslwrap {
	float: left;
	clear: both;
	width: 100%;
}

#ja-botsl {
}

#ja-botsl h3 {
	color: #FFFFFF;
	margin: 0 -20px 10px;
	padding: 6px 20px;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#ja-botsl div.moduletable {
	margin: 0;
}

#ja-botsl ul {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl li {
	padding: 0 0 0 13px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 2px 10px;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_seperator {
	display: none;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

 

Locked

Return to “Allgemeine Fragen”