Clan Homepage erstellen

[rdavid]

Ich hab eher das Gefühl das du nicht klar kommen wirst mit das Thema mit HTML & CSS, das braucht viel Zeit um zu lernen!

In deinem Fall würde ich zu Webspell mit Free Templates greifen, eventuell wenn du ein bisschen Geld ausgeben willst kriegt man schon für 50€ + exklusive Designs mit Anpassung.

 

[Paskal18]

ich finde auch kein community template

Ergänzung (28. November 2011)

doch schon aber ich will halt ein template haben in so ner art wie einer Community.

ich kenn mich mit webspell schon aus.

Ergänzung (28. November 2011)

also ich möchte schon gerne bei joomla bleiben

aber ich bräuchte ein paar clan templates aber ich finde gar keine

 

[AbsolutesChaoz]

Joomla geht als CMS auch, ist allerdings mehr Aufwand da man da fast für alles Add-Ons braucht. Auch würde ich da nicht die 1.7er Version nehmen, da es da noch nicht wirklich viele Add-Ons für Clans gibt.

Beim Template kannst du dir ja eines aussuchen und es so anpassen bis es passt. Da dürfte es auch Templates gehen, die schon in so eine Richtung gehen.

 

[simple10]

Geld ausgeben und Template von Template-Club wie z.B. Rockettheme nehmen, wenn du bei Joomla bleiben willst.

Habe schon ein paar Clan-Pages mit Joomla erstellt. Mit Joomla ist es aber sicherlich nicht der einfachste Weg ...

 

[Paskal18]

wo kann ich hier den background ändern ?

template.css
css-File -


body {
background-color: #E5E5E5;
padding: 10px 10px 0 10px;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a {
color: #000000;
}
a:hover {
text-decoration: none;
}

#container {
margin: 0 auto;
width: 100%;
}

#head, #debug, #bottom {
width: 98%;
background-color: #FFFFFF;
border: 1px solid #888888;
padding: 5px 1%;
color: #757575;
}
#head {
height: 100px;
font-size: 60px;
letter-spacing: 5px;
text-align: center;
}
#debug {
overflow: auto;
font-size: 10px;
line-height: 150%;
}
#head span {
color: #B91F1D;
}
#head div {
font-size: 12px;
letter-spacing: 1px;
}
#bottom {
clear: both;
margin-bottom: 20px;
text-align: center;
}
#errors {
color:#DD3300;
}
#sql {
color:#666666;
}
#nav-left {
float: left;
width: 16%;
margin-bottom: 20px;
}
#nav-left a {
border-right: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
display: block;
text-decoration: none;
color: #000000;
padding: 2px 0 2px 15px;
background-color: #FFFFFF;
font-size: 13px;
}
.dark {
background-color: #F0F0F0 !important;
}
#nav-left a:hover {
border-right: 4px solid #BA1616;
text-decoration: underline;
}
* html #nav-left a:hover, *:first-child+html #nav-left a:hover {
padding-left: 15px;
}
#content {
float: left;
width:64%;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
position: relative;
}
#nav-right {
float: right;
margin-bottom: 20px;
width: 20%;
}
.navbody {
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
background-color: #FFFFFF;
padding:4px 6px 4px 8px;
color: #000000;
font-size: 13px;
}
.navbody td {
font-size: 13px;
}
#nav-left div, .navhead {
margin-top: 20px;
border: 1px solid #888888;
color: #B91F1D;
border-right: 4px solid #BA1616 !important;
letter-spacing: 3px;
padding:4px 6px 4px 8px !important;
background-color: #FFFFFF;
font-size: 16px;
}
#counter span {
float: right;
}

#ajax_loading {
position:absolute;
top:20px;
right:20px;
}

Content.css

span, div {
margin: 0;
padding: 0;
}
hr {
border: 1px solid #888888;
}
img {
border: 0;
}
form {
display: inline;
}
td {
background-color: inherit;
color: #000000;
font-size: 8pt;
vertical-align: top;
line-height: 1.5;
}
textarea {
width: 90%;
}
ul {
margin: 0;
}

input, textarea, select {
background-color: #EEEEEE;
border: 1px solid #002200;
color: #002200;
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
margin: 2px;
padding-left: 3px;
}
.forum {
background-color:#888888;
color:inherit;
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
margin:auto;
border-collapse:separate;
border-spacing:1px;
}
.headb {
background-color:#FFFFFF;
color:#B91F1D;
text-transform: uppercase;
padding:4px 6px 4px 8px;
text-align:left;
letter-spacing: 3px;
border-right: 4px solid #BA1616 !important;
font-size: 14px;
}
.bottom {
background-color:#FFFFFF;
color:inherit;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#FFFFFF;
color:#B91F1D;
font-size:14px;
padding:4px 6px 4px 8px;
text-align:left;
letter-spacing: 1px;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#FFFFFF;
color:#222222;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#F2F2F2;
color:#222222;
padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.notpublic {
background-color:#F5F5F5 !important;
color:#CCC !important;
font-style:italic;
}

.quote {
background-color:#EEEEEE;
border:1px dashed #888888;
color:inherit;
padding:6px;
text-align:left;
}
.h1 {
color: #333333;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #333333;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #333333;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}

#msg_normal, #msg_success {
width: 90%;
color:inherit;
margin:auto;
border: 1px solid #888;
margin-bottom: 10px;
text-align:center;
}
#msg_normal div, #msg_success div {
padding: 8px 0 8px 20px;
}
#msg_normal {
background-color: #fff;
}
#msg_success {
background-color: #ddffdd;
}

/*Cal*/
.calhead {
background-color:#FFFFFF;
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:#FFFFFF;
color:inherit;
}
.calevent {
background-color:#EEEEEE;
color:inherit;
}
.caltoday {
background-color:#FFE0E0;
color:inherit;
}
.calweek {
background-color:#FFFFFF;
color:inherit;
}

/*Manage*/
.manage {
background-color: #F8F8F8;
border: 1px solid #999999;
margin: 5px;
padding: 5px 0px 0px 0px;
}
.manage:hover {
background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
border: 1px dashed #777777;
margin: 4px 8px 4px 8px;
padding: 4px;
}

/* UserStatus */
.uonline {
padding: 4px 0 4px 0;
color: #00BB00;
}

.uoffline {
padding: 4px 0 4px 0;
color: maroon;
}

.uinactive {
padding: 4px 0 4px 0;
color: #555555
}

.uthreadstarter {
color: #aa5500;
}

.thread_author_comment .leftc {
background-color:#f1eae6;
}


das template laüft über Clansphere

ich hoffe ihr könnt mir helfen

 

[AbsolutesChaoz]

Benutze das Add-On Firebug, wenn du FF hast, weiß nicht ob es so was auch für andere Browser gibt.
Damit solltest du die benötigten CSS Einträge recht schnell finden. Etwas Ahnung von CSS sollte man aber trotzdem haben, dann weiß man, wonach man suchen muss.