20.12.2013, 15:03
|
|||
|
|||
Rahmen um Forum und Portal phpBB3
Hallo!
Ich habe mir die letzten Tage ein Forum inkl. Portal mit phpBB3 aufgebaut. Style Prosilver. Nun wollte ich um alles einen Rahmen haben, da mir der Stil des Rahmens hier sehr gut gefällt (darf ihn übernehmen, bekomm aber keine Hilfe zum Scripten): Drachenblut • Portal Mir geht es dabei um den unteren roten + seitlichen Rahmen, zudem das Menü wo Portal Forum und Co drin steht. Einen Rahmen habe ich bisher in die Overall_header.php eingetragen: PHP-Code:
PHP-Code:
http://img5.fotos-hochladen.net/uplo...07agsmdcew.jpg Der Stück mit R2D2 ist der obere Teil des Rahmens und nur ein Platzhalter für die richtige Grafik und soll nun an diese stelle die mit dem Pfeil markiert ist. Das ist der Knackpunkt meines Problems. Irgendwie lässt sich beides nicht verbinden, da mein border_block den ich geschrieben habe nicht im inneren Bereich angenommen wird und mir so das gesamte Layout zerhaut. Hoffe ich konnt mich gut genug ausdrücken wo mein Problem ist.   So sieht zur Zeit meine Overall_header.php aus: PHP-Code:
Code:
/* General Markup Styles
---------------------------------------- */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
height: 101%;
}
body {
/* Text-Sizing with ems: How to size text using ems | Clagnut § Typography · CSS techniques */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #955e07;
margin: 10px 0;
}
hr.solid {
border-top: 1px solid #955e07;
margin: 10px 0;
margin-top: -5px;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
width: 93%;
margin: auto;
}
/* Das obere Padding regelt breite des Inneren Forum und Portalkerns */
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
Margin-Right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 95px;
background-color: #FFF;
}
#search-box input {
border: 1px solid #b0b0b0;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}
.navbar {
background-color: #ebebeb;
padding: 0 10px;
}
.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #f7f7f7;}
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }
.rowbg {
margin: 5px 5px 2px 5px;
}
.ucprowbg {
background-color: #e2e2e2;
}
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
.headbg span.corners-bottom {
margin-bottom: -1px;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
.rules span.corners-top {
margin: 0 -10px 5px -10px;
}
.rules span.corners-bottom {
margin: 5px -10px 0 -10px;
}
/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;
margin-left: 5%;
width: 90%;
}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}
/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}
#ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #cfcfcf;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}
table.table1 td {
color: #6a6a6a;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;
}
/* Specific column styles */
table.table1 .name { text-align: left; }
table.table1 .posts { text-align: center !important; width: 7%; }
table.table1 .joined { text-align: left; width: 15%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mark { text-align: center; width: 7%; }
table.table1 .info { text-align: left; width: 30%; }
table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }
table.table1 span.rank-img {
float: right;
width: auto;
}
table.info td {
padding: 3px;
}
table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
color: #000000;
font-weight: normal;
}
.forumbg table.table1 {
margin: 0;
}
.forumbg-table > .inner {
margin: 0 -1px;
}
.forumbg-table > .inner > span.corners-top {
margin: 0 -4px -1px -4px;
}
.forumbg-table > .inner > span.corners-bottom {
margin: -1px -4px 0 -4px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;
}
.column2 {
float: right;
clear: right;
width: 49%;
}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 65%;
}
/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
.pagination span.page-sep {
display: none;
}
li.pagination {
margin-top: 0;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 0.9em;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}
.pagination img {
vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}
.copyright {
padding: 5px;
text-align: center;
color: #555555;
}
.small {
font-size: 0.9em !important;
}
.titlespace {
margin-bottom: 15px;
}
.headerspace {
margin-top: 20px;
}
.error {
color: #bcbcbc;
font-weight: bold;
font-size: 1em;
}
.reported {
background-color: #f7f7f7;
}
li.reported:hover {
background-color: #ececec;
}
div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}
div.rules ul, div.rules ol {
margin-left: 20px;
}
p.rules {
background-color: #ececec;
background-image: none;
padding: 5px;
}
p.rules img {
vertical-align: middle;
padding-top: 5px;
}
p.rules a {
vertical-align: middle;
clear: both;
}
#top {
position: absolute;
top: -20px;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
/* Rand um Forum und Portal von Lyrai
---------------------------------------- */
#menubase_block {
margin: -12px;
padding: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
clear: both;
}
.menubase-l {
background: url("{T_THEME_PATH}/images/menubase-left.jpg") no-repeat;
height: 50px;
float: left;
width: 80px;
padding: 0px;
}
.menubase-m {
background: url("{T_THEME_PATH}/images/menubase-mid.jpg") repeat;
height: 50px;
width: auto;
margin: 0px 50px 0px 50px;
padding: 0px;
text-align: center;
}
.menubase-r {
background: url("{T_THEME_PATH}/images/menubase-right.jpg") no-repeat;
height: 50px;
float: right;
margin-top: -50px;
width: 80px;
padding: 0px;
}
#content_main {
color: #9ff4f5;
margin-left: 70px;
margin-right: 70px;
clear: both;
padding: 0px;
overflow:hidden;
}
.bodyfill {
background-color: #000000;
}
#border_block {
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
padding: 0px;
width: 100%;
min-height: 100%;
height: 100%;
clear: both;
}
#borderleft {
background: url("{T_THEME_PATH}/images/aussenrahmen_links.gif") left repeat-y;
}
#borderright {
background: url("{T_THEME_PATH}/images/aussenrahmen_rechts.gif") right repeat-y;
}
#footer_block {
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: -20px;
padding: 0px;
width: 100%;
clear: both;
}
.foot-l {
background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_links.gif") no-repeat;
height: 60px;
float: left;
width: 124px;
padding: 0px;
}
.foot-m {
background: url("{T_THEME_PATH}/images/aussenrahmen_mitte_unten.gif") repeat;
height: 60px;
margin: 0px 124px 0px 124px;
width: auto;
padding: 0px;
}
.foot-r {
background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_rechts.gif") no-repeat;
margin-top: -60px;
height: 60px;
float: right;
width: 124px;
padding: 0px;
}
Ach ja noch ein Problem, beim Vergrößern kommen die Inneren Bereiche des Forums über den Rahmen drüber, passen sich also nicht in der Breite an, wie kann das sein? 
|
| Sponsored Links |
|
21.12.2013, 18:17
|
||||
|
||||
|
Ich für meinen Teil kann deine Frage NICHT verstehen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege  www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
|
|
21.12.2013, 20:33
|
|||
|
|||
|
OK, dacht ich mir schon, viel mir auch schwer es zu beschreiben, dann mal anschaulich als Bild:
http://img5.fotos-hochladen.net/uplo...g8yw5tf0as.jpg Auf der linken Seite ist das Forum wie es jetzt ist, also eigentlich wie das Standardforum mit Prosilver Skin, mit dem Unterschied ich hab bei mir aus dem normalen Menü ein Dropdown Menü gemacht. Auf der rechten Seite sieht man wie es sein soll, ich möchte um das gesame Forum einen Rahmen (hell grün). Dazu beachten ist, dass jeder Abschnitt eine andere Grafik sein soll. In diesem Rahmen soll auch oben das Menü mit eingebunden werden, soll also alles aus einem Guss so zu sagen sein. Mein Problem besteht darin, dass ich zwar den unterden Menürahmen hin bekomme und den an der Seite, jedoch den obeen Teil nicht, sprich die Anbindung an das Menü und um das Logo drum herum. Zudem besteht mein Problem beim jetzigen Stand darin, dass wenn ich in einer anderen Auflösung das Forum darstelle die Bereiche Logo, Forum und Co sich über den Aussenrahmen (grüner Rahmen) schieben. Hoffe ich konnts nun besser erklären. 
|
|
22.12.2013, 11:52
|
|||
|
|||
|
Zitat:
Es ist schwer dir zu helfen, weil ich nicht weiß, wie das ganze Layout aufgebaut ist bei dir. Erstelle dir doch erst mal selbst ein reduziertes Beispiel auf das wesentliche und teste, ob du so dein Layout grafisch hin bekommst. Dan weist du schon mal, wie der ganze Aufbau vonstattengehen müsste. Ob das was du derzeit hast sich dafür eignet keine Ahnung. ____________ Roland
|
|
22.12.2013, 12:22
|
|||
|
|||
|
Dafür hatte ich ja die Overalheader angefügt, da steht der Aufbau drin. Deine Idee bringt mir leider nix, da ich kompletter Anfänger bin und daher nicht einen Befehl kenne den ich Anwenden muss und selbst nach Wochen an Arbeit blick ich da 0 durch. Versuch durch Bereichverschiebung was zu erreichen. Bin aber damit am ende, da ich das so net hin bekomme. Müssten eben paar Zeilen neu geschrieben werden. Wegen mir auch für Bezahlung.
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| flashbanner in phpbb3 forum einbauen | Casperli | Offtopic | 6 | 30.08.2010 10:43 |
| eigenen css rahmen definieren (phpbb3) | @ndre | CSS | 12 | 30.05.2009 11:16 |
| Phpbb3 Forum Help | xaaser | Offtopic | 1 | 23.01.2009 00:29 |
| Rahmen um Rahmen bei Bildern | uooao388d99 | CSS | 3 | 13.12.2008 13:10 |
| Button - Rahmen | dieter99 | CSS | 1 | 06.12.2006 10:13 |
Linear-Darstellung
