Seite 2 von 3
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 21.02.2013 20:29
von Talk19zehn
Hello, verantwortlich zeichnet dein Footerbereich - Firebug entnommen:
Code: Alles auswählen
#page-footer {
background: url("./styles/naruto_shippuuden_9095/theme/images/footer.gif") no-repeat scroll 0 100% transparent;
clear: both;
height: 250px;
}
Die Grafik läßt sich jedoch horizontal nicht kacheln und es mangelt an einem anschließenden vertikalen Farbverlauf.
Im Grunde muss das Style an der Stelle umgebaut werden, sofern gewünscht. Wenn du es allein nicht schaffst ist das natürlich schwierig. Das Style müssten sich die HelferInnen erst installieren.
Du schaffst das!!
Grüße
Fazit: So etwas schüttelt man nicht aus dem Handgelenk. Evtl. ist dein Vorhaben, sofern du nicht weiter kommst, ein Auftrag für die
Jobbörse.
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 21.02.2013 21:32
von Tadashi
hab das so gemacht

geht immernoch nicht genauer bitte was ich amchen muss ^^
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 21.02.2013 22:42
von Talk19zehn
Hello, es steht nicht geschrieben, dass du etwas tun sollst.

Ich schrieb dir lediglich den verantwortlichen Bereich auf, also zeigte dir nur erst einmal die CSS-Notation, die verantwortlich ist. Hinzu kommt der HTML-Bereich in dem das CSS greift.
Mache das, was du veranlasst hast, bitte rückgängig, der o.g. Eintrag ist nicht erforderlich. Er ist bereits vorhanden.
Zudem müsste sich jemand deinen Style installieren und das CSS und das HTML codieren, welches für dich dann hilfreich und relevant sein kann. Ich kenne deinen Stand der Kenntnisse in Sachen CSS und HTML nicht. Ich ging davon aus, dass du anhand der genannten Notation in Folge allein zurecht kommst.
Viele Grüße
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 13:37
von Tadashi
das problem ist ich hab ahnung, find nur nicht den fehler

css meine ganzen template dateien übeprüft aber es liegt wohl am style ^:(
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 14:19
von Crizzo
Darf ich noch mal hierauf verweisen:
Miriam hat geschrieben:KB:testuser
Und was genau ist jetzt falsch darstellt? Mal mal ein wenig auf dem Screenshot rum, vielleicht ein paar Pfeile und Beschreibung.
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 16:34
von Tadashi
BlackHawk87 hat geschrieben:Darf ich noch mal hierauf verweisen:
Miriam hat geschrieben:KB:testuser
Und was genau ist jetzt falsch darstellt? Mal mal ein wenig auf dem Screenshot rum, vielleicht ein paar Pfeile und Beschreibung.
[ externes Bild ]
Ich hab es im bild makiert.
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 16:40
von Crizzo
Achso, dazu musst die Seite und den "Footer" immer unten anheften. Das geht mit
Footer Alt Stick. (siehe
http://xhtmlforum.de/40267-faq-h-ufig-g ... .html#faq4 ) Denn sonst hast du das Problem auf jeder Forenseiten, die zu kurz ist.
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 16:48
von Tadashi
wie lässt sich das machen ? muss ich da in der overall_footer.html was editieren oder css ?
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 18:12
von Crizzo
In beiden und um ÄNderungen in der overall_header.html kommt du wohl auch nicht drumherum.
Also:
common.css
overall_footer.html und _header.html
und dann mal munter umgebaut. Wenn es dann wo hakt, können wir dir ja wieder helfen.
Ansonsten: KB:tippstyles
Grüße
Re: Theme Bug nach erstellen eines Beitrags
Verfasst: 22.02.2013 18:16
von Tadashi
BlackHawk87 hat geschrieben:In beiden und um ÄNderungen in der overall_header.html kommt du wohl auch nicht drumherum.
Also:
common.css
overall_footer.html und _header.html
und dann mal munter umgebaut. Wenn es dann wo hakt, können wir dir ja wieder helfen.
Ansonsten: KB:tippstyles
Grüße
Also ich entdecke da wie gesagt überhaupt nada, was da falsch sein kann

und Style refresh mach ich auch immer sowohl template theme und imageset. Als auch Style Cache löschen, mach ich immer wieder.
overall_footer.html
Code: Alles auswählen
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist smally">
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
<!-- ENDIF -->
<li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> •<!-- ENDIF --> <!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> • <!-- ENDIF -->{S_TIMEZONE}</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
<div id="page-footer">
<!--
We request you retain the full copyright notice below including the link to www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
forums may be affected.
The phpBB Group : 2006
//-->
<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> © 2000, 2002, 2005, 2007 phpBB Group
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO} | <!-- ENDIF -->
Naruto shippuuden © Masashi Kishimoto
<br />Naruto shippuuden Olympus - Free phpBB3 style by <a href="http://www.cosa-nostra-design.com/" title="Pimp your style phpBB3!">CoSa NoStrA DeSiGn</a>
<br />Japanicons by <a href="http://zakar.deviantart.com/art/Japanicons-Pack-38955964/" title="ZaKar on deviantART">ZaKar</a>
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
</div>
</div>
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div>
</body>
</html>
common.css
Code: Alles auswählen
/* General proSilver 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%;
background: #373737;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background: #373737 url("{T_THEME_PATH}/images/body.gif") repeat-y center;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 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 #CCCCCC;
margin: 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
margin: 0 auto;
padding: 0;
min-width: 650px;
width: 937px;
background: #ffffff;
}
#simple-wrap {
padding: 6px 10px;
}
#page-header {
clear: both;
background: url("{T_THEME_PATH}/images/header.jpg") no-repeat 0 0;
padding-top: 300px;
}
#page-body {
margin: 4px 4px;
clear: both;
}
#page-footer {
clear: both;
background: url("{T_THEME_PATH}/images/footer.gif") no-repeat 0 100%;
height: 250px;
}
#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: -300px 5px 0 0;
display: block;
float: right;
text-align: center;
width: 250px;
height: 50px;
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 {
margin-top: 60px;
float: left;
}
#site-description h1 {
color: #000;
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #transparent 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;
}
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 -2px -1px -1px;
}
/* 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;
}