Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.05.2009 um 18:13 (UTC)    
Titel: Mein Forum in Webseite einbauen inclusive Design

Hallo, wollte Fragen, wie ich mein Forum inclusive Design einbaue.
Zum Forum

Mir würde es ebenfalls gefallen, wenn ich dieses Design im Forum ebenfalls als mein Homepage-Design nehmen könnte.
Wie ich das mache, wäre auch sehr nett, da ich mich nicht mit CSS auskenne.
Im Forum gibt es eine Theme mit: stylesheet.css
Kann ich damit was anfangen?

Hier ist dieser stylesheet.css
Es gibt auch welche unterm Templates aber weis nich, was das genau is.
Code:
/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
       
}

html {
   font-size: 100%;
        background:#000000;
}

body {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #DDDDDD;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0px 0px 0px 0px;
        padding: 0px;
   border-width: 0px;
        background:#000000;
}

#wrapheader {
   min-height: 150px;
   height: auto !important;
   height: 150px;
   padding: 0px;
}

#wrapcentre {
   margin: 25px 25px 0 25px;
}

#wrapfooter {
   text-align: center;
   clear: both;
        padding: 10px;

}

#wrapnav {
        font-size: 70.5%;
   width: 100%;
   margin: 0;
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

#logodesc {
   margin-bottom: 0px;
   padding: 0px 0px 0px 25px;
        background:#000000 url(http://img4.abload.de/img/wogbannerlarge2uxam.jpg);
   background-repeat: no-repeat;
        background-position: top right;
        height: 150px;
}

#menubar {
        font-size: 1.5em;
        padding: 11px 15px;
   border-width: 0px;
        background:#000000 url(styles/darksunblue/theme/images/main-nav-bg.gif);
        background-repeat: repeat-x;
}

#datebar {
        font-size: 1.0em;
   margin: 0px 0px 0px 0px;
        padding: 5px 25px;
        border-width: 0px;
        background:#000000 url(styles/darksunblue/theme/images/date-bg.gif);
        background-repeat: repeat-x;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #111111;
        border: 1px solid #3F3F3F;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumbs{
         color:#CCCCCC;
   font-size: 0.8em;
   font-weight: bold;
   background-color: #000000;
   padding: 5px 5px;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

/*  Text
 --------------------- */
.sub_title {
   color: #EEEEEE;
   font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   text-decoration: none;
        margin: 0px 0px;
}


h1 {
   color: #EEEEEE;
   font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
   font-weight: normal;
   font-size: 3.0em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 2.8em;
   text-decoration: none;
   line-height: 120%;
        color: #DDDDDD;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: #FCC263;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: #DDDDDD;
   font-weight: bold;
   white-space: normal;
   font-size: 1.5em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   font-size: 1.2em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #DDDDDD;
}

.postdetails {
   color: #CCCCCC;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: #FFCC66;
   color: #000000;
}

.nav {
   margin: 0;
   color: #DDDDDD;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: black;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {
}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
        color: #ABABAB;
}

.copyright {
   color: #BBBBBB;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
 ------------ */
th {
   color: #CCCCCC;
   font-size: 1.1em;
   font-weight: bold;
   white-space: nowrap;
   padding: 7px 5px;
        background:#191919;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
        background-color: #000000;
}

.tablebg {
   background-color: #5E5E5E;
}

.catdiv {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
        background:#000000;
}
.rtl .catdiv {
        background:#000000;
}

.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background:#000000;
   text-indent: 10px;
}

.row1 {
   background-color: #000000;
   padding: 4px;
}

.row2 {
   background-color: #000000;
   padding: 4px;
}

.row3 {
   background-color: #000000;
   padding: 4px;
}

.rowgood {
   background-color: #003300;
   padding: 4px;
}

.rowneutral {
   background-color: #191919;
   padding: 4px;
}

.rowbad {
   background-color: #6C0000;
   padding: 4px;
}


hr {
   height: 1px;
   border-width: 0;
   color: #3F3F3F;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
 ------------ */
a:link {
   color: #3E8FFD;
   text-decoration: none;
}

a:active,
a:visited {
        color: #3E8FFD;
   text-decoration: none;
}

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

a.forumlink {
   color: #3E8FFD;
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.forumlink:hover {
   color: #DDDDDD;
   text-decoration: none;
}

a.topictitle {
   margin: 1px 0;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

a.topictitle:visited {
   text-decoration: none;
}

th a,
th a:visited {
   color: #DDDDDD !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #DDDDDD;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #5E5E5E;
   background-color: #000000;
}

textarea {
   background-color: #000000;
   color: #DDDDDD;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #5E5E5E;
   padding: 2px;
}

select {
   color: #DDDDDD;
   background-color: #000000;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #5E5E5E;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
}

.post {
   background-color: #000000;
   border: 1px solid #5E5E5E;
        color: #DDDDDD;
}

.btnbbcode {
   color: #3E8FFD;
   font-weight: bold;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   background-color: #000000;
   border: 1px solid #5E5E5E;
}

.btnmain {
        color: #3E8FFD;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
        color: #3E8FFD;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
        color: #FA9800;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #191919;
   border-style: none;
        color: #DDDDDD;
        padding: 2px;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;
   padding: 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #5E5E5E;
   color: #DDDDDD;
        background-color: #000000;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #5E5E5E;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background-color: #262626;
   color: #DDDDDD;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #5E5E5E;
   color: #DDDDDD;
   background-color: #000000;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
}

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #5E5E5E;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #DDDDDD;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #262626;
}

.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #006633;
}

.syntaxstring {
   color: #990000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
   background-color: #1175FD;
}

.pm_replied_colour {
   background-color: #2A2A2A;
}

.pm_friend_colour {
   background-color: #006600;
}

.pm_foe_colour {
   background-color: #990000;
}


/* Misc
 ------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #FFA34F;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}
.specialcolor{
   color:#2370B6;
}
Beitrag07.05.2009 um 21:49 (UTC)    
Titel:

Hi - siht nach forumieren aus - also das ist nicht so einfach - weil die ganzen klassen nicht definiert sind - nur wie sie aussehen sollen - das mal dazu -
das forum kannst du entweder verlinken direkt in der navi oder per iframe in die hp einfügen - dann dürftest du aber rechts keien boxen mehr machen - weil es sonst zu schmal wird.

also ich habe mich h9ingesetzt und habe das forum als seite nachgebaut -aber da sitzt man lange dran

http://via-francigena.de.tl/

http://via-francigena.aktiv-forum.com/

Ciao Michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag22.05.2009 um 11:13 (UTC)    
Titel:

Hallo !

Das sieht großartig aus. Gibt es ein Tutorial dafür, wie man ein Forum, zum Beispiel eins von "forumieren", als Website zusammenbaut ?

Gruß
Jens
Beitrag22.05.2009 um 11:35 (UTC)    
Titel:

Hi - Danke für dein Lob - nein da gibt es kein Tutorial für, ist auch schewierig zu machen - ich glaube ich habe da auch lange dran gesessen - war aber auch eines meiner ersten schwierigeren CSS-Profi-Designs - man kann ja alles machen Rahmen, etc. Boxen, wo und soviele man möchte - jedes Forum bei forumieren ist ja auch anders - an dem Forum ist ja auch so gut, wie nichts mehr original - hehehe
Also soviel wie möglich CSS-Profi lernen.
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beiträge der letzten Zeit anzeigen:   


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