Beiträge: 56
Themen: 10
Registriert seit: 27.01.2014
MyBB-Version: 1.8.x
Hallöchen.
Ich hab zwei Probleme und keine Ahnung, ob das hier wirklich reingehört.
Schrift im ganzen Forum kusiv
In meinem Forum (klick) ist die Schrift überall kursiv. In den einzelnen Templates und Themes ist da nichts zu definiert, wenn ich Firebug aufmache und einen beliebigen Textteil auswähle wird mir nirgendwo der Kursivbefehl angezeigt. Wenn man sich den Seitenquelltext anzeigen lässt ist auch nirgendwo ein Hinweis darauf, dass der Text kusiv sein soll. Wir haben die Standardschriftart ' Verdana, Arial, Sans-Serif' gegen 'times new roman' getauscht, uns aber vorher darüber informiert, ob es in alles Browsern angezeigt wird.
Hat jemand eine Idee woran das liegen könnte?
CSS in Beiträgen anzeigen
Bei dem Forum handelt es sich um ein RPG-Forum und jeder Nutzer braucht einen Steckbrief. Damit dieser optisch einfach schöner aussieht würden wir gern einen Code benutzen, der auch von den Usern bearbeitet werden kann. Die Beschreibung zu MyCode habe ich mir angeguckt, denke aber, dass es nicht das ist was ich suche. Im Grunde bräuchte ich einfach nur eine Möglichkeit die es möglich macht, dass das Forum CSS in Beiträgen anzeigt und die User diesen Code auch bearbeiten/ergänzen können. In einem anderen MyBB Forum funktioniert auch genau der gleiche Code. HTML ist überall erlaubt und er zeigt die HTML-Teile des Codes an, aber leider nicht die CSS-Codes.
Gibt es eine Möglichkeit CSS-Codes in Beiträgen anzeigen zu lassen, ohne die MyCode-Funktion zu benutzen?
Gruß, Cid
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
In der global.css findest Du unter der definition body den font-family, den kannst Du lassen wie er ist. Nun müsstest Du, falls nicht vorhanden, den body erweitern mit fplgendem Inhalt.
Damit sollte es funktionieren
CSS in den Beiträgen ist hier nicht machbar. Ausser Du machst es mit MyCode, was aber sehr beschränkt ist in den Ausgabemöglichkeiten.
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 56
Themen: 10
Registriert seit: 27.01.2014
MyBB-Version: 1.8.x
Ja, wie man alles kursiv macht ist mir klar. Aber es soll nicht kursiv sein und obwohl es nirgendwo definiert ist, ist es das trotzdem.
Okay, gut wirklich schade, also was mit html coden.
Danke dir.
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Ok sorry hab ich wohl nicht intensiv genug gelesen. Mach den font-style auf normal. Für die kursiven Benutzernamen ist das <em></em> schuld in den Gruppen (Benutzernamen-Stil)
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 56
Themen: 10
Registriert seit: 27.01.2014
MyBB-Version: 1.8.x
Okay, mit dem font-style: normal; klappt es in der global.css nicht
das <em> ist folgendermaßen definiert
Code: em {
color: #ffffff;
letter-spacing: 3px;
}
Da ist auch nichts mit kursiv drin und die Nutzergruppen sind nicht durch das <em> definiert sondern durch eine extra css datei und da ist es bei Admins und Mods auch gewollt, dass sie kursiv sind, nur bei normalen Usern nicht (Admins sind zusätzlich fett) und wenn man in die Mitgliederliste guckt sieht man, dass die Dummichars alle kursiv sind, es ist aber eigentlich anders definiert.
Hier auch nochmal der Code zu einer Nutzergruppe:
Code: eagelsa {
color: #d4a86d;
font-style: italic;
font-weight: bold;
}
eagelsm {
color: #d4a86d;
font-style: italic;
}
eagelsu {
color: #d4a86d;
}
und so sieht das dann in der Usergruppe aus:
Code: <eagelsa>{username}</eagelsa>
Das klappt also so wie es soll, bis auf das ungewollte kursiv von einfachen Usern.
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
31.03.2014, 18:50
(Dieser Beitrag wurde zuletzt bearbeitet: 31.03.2014, 18:56 von MrBrechreiz.)
In deiner zusatz.css könntest Du fündig werden.
Du hast auf deiner Seite allg. etwas Probleme wie ich sehe und nicht nur mit dem Code sondern auch ein Fehlerhaftes Impressum. Nur mal so am Rande erwähnt.
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 56
Themen: 10
Registriert seit: 27.01.2014
MyBB-Version: 1.8.x
Leider auch nicht.
Damit du mich nicht für verrückt oder zu doof erklärst kopier ich dir mal die .css datein hier rein:
Zusatz.css
Code: .menul {
width:100px;
display:block;
}
.menul a {
width: 100px;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
background-color: #505050;
display: block;
text-decoration: none;
font-family: times new roman;
font-size: 11px;
}
a2 {
text-align: center;
line-height: 20px;
letter-spacing: 2px;
font-family: times new roman;
font-size: 22px;
}
.menul a:hover {
color: #ffffff;
background-color: #505050;
text-decoration: none;
}
a.info {
background: #505050;
width: 300px;
color: #ffffff;
}
a.info:hover {
background: #505050;
width: 300px;
cursor: help;
}
a.info span {
visibility: hidden;
position: absolute;
padding: 2px;
text-decoration: none;
width:300px;
}
a.info:hover span {
background: #505050;
width: 300px;
color: #ffffff;
visibility: visible;
border: 1px solid #505050;
}
.backg {
background-color: #505050;
padding: 3px;
}
.text {
padding: 20px;
text-align: justify;
line-height: 15px;
font-family: times new roman;
font-size: 12px;
}
.text2 {
padding: 20px;
text-align: justify;
line-height: 15px;
font-family: times new roman;
font-size: 12px;
}
.text3 {
padding: 2px;
text-align: justify;
line-height: 15px;
font-family: times new roman;
font-size: 12px;
}
h1 {
background: #505050;
color: #fff;
letter-spacing: -2px;
line-height: 30px;
padding-left: 3px;
font-family: times new roman;
font-size: 25px;
}
h2 {
background: #505050;
color: #fff;
border-right: 10px solid #fff;
letter-spacing: 4px;
padding-left: 9px;
font-family: times new roman;
font-size: 10px;
}
h3 {
background: #505050;
color: #fff;
background-color: #505050;
border-right: 10px solid #505050;
letter-spacing: 4px;
font-family: times new roman;
font-size: 12px;
}
#username {
color: #ffffff;
letter-spacing: -1px;
text-align: center;
text-decoration: none;
font-family: times new roman;
font-size: 30px;
}
#uname {
color: #ffffff;
letter-spacing: -3px;
text-align: center;
text-decoration: none;
font-family: times new roman;
font-size: 20px;
font-style: normal;
}
em {
color: #ffffff;
letter-spacing: 3px;
}
am {
color: #ffffff;
letter-spacing: 2px;
text-decoration: none;
}
.ues {
color: #ffffff;
letter-spacing: -3px;
text-align: center;
margin-right: 7px;
font-family: times new roman;
font-size: 18px;
}
.ues a:link {
color: #ffffff;
text-decoration: none;
}
.ues a:visited {
color: #ffffff;
text-decoration: none;
}
.ues a:hover, a:active {
color: #ffffff;
}
.sub {
text-align: justify;
line-height: 13px;
padding-bottom: 10px;
padding-right: 10px;
font-family: times new roman;
font-size: 11px;
}
coding.css
Code: eagelsa {
color: #d4a86d;
font-style: italic;
font-weight: bold;
}
eagelsm {
color: #d4a86d;
font-style: italic;
}
eagelsu {
color: #d4a86d;
}
skulla {
color: #052b56;
font-style: italic;
font-weight: bold;
}
skullm {
color: #052b56;
font-style: italic;
}
skullu {
color: #052b56;
}
lonersa {
color: #4e7eac;
font-style: italic;
font-weight: bold;
}
lonersm {
color: #4e7eac;
font-style: italic;
}
lonersu {
color: #4e7eac;
}
lawa {
color: #826841;
font-style: italic;
font-weight: bold;
}
lawm {
color: #826841;
font-style: italic;
}
lawu {
color: #826841;
}
mafiaa {
color: #172e42;
font-style: italic;
font-weight: bold;
}
mafiam {
color: #172e42;
font-style: italic;
}
mafiau {
color: #172e42;
}
npc {
color:#636868;
text-transform:lowercase;
}
.image {
width: 228px;
color: #000;
opacity: 0;
border: 5px solid #999999;
padding: 6px;
height: 158px;
background-color: #fff;
text-align: justify;
overflow: auto;
line-height: 14px;
font-family: calibri;
font-size: 12px;
}
.image:hover {
opacity: 0.85;
}
global.css
Code: body {
background-image: url(images/StileLosAngeles/Hintergrund11.png);
background-attachment: fixed;
text-align: center;
line-height: 1.4;
font-family: times new roman;
font-size: 12px;
font-style: normal;
}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background-color: #505050;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-button {
background-color: #505050;
}
::-webkit-scrollbar-corner {
background-color: #505050;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
a:hover, a:active {
color: #999999;
text-decoration: none;
}
#container {
width: 766px;
margin: auto auto;
text-align: left;
border: 3px solid #000000;
background-color: transparent;
background-image: url('http://s14.directupload.net/images/130629/9qs483vg.png');
background-repeat: repeat;
font-family: times new roman;
font-size: 11px;
}
#content {
width: auto !important;
font-family: times new roman;
}
.menu ul {
/* background-color:transparent;
background-image: url('http://s14.directupload.net/images/130629/9qs483vg.png');
background-repeat: repeat; */
background: #505050;
color: #ffffff;
text-align: center;
padding: 4px;
position: -300px;
}
.menu ul a:link {
background: #505050;
color: #ffffff;
letter-spacing: 0px;
text-decoration: none;
font-family: times new roman;
font-size: 20px;
}
.menu ul a:visited {
background: #505050;
color: #ffffff;
letter-spacing: 0px;
text-decoration: none;
font-family: times new roman;
font-size: 20px;
}
.menu ul a:hover, .menu ul a:active {
background: #505050;
color: #ffffff;
letter-spacing: 0px;
text-decoration: none;
font-family: times new roman;
font-size: 20px;
}
#panel {
background: none;
color: #ffffff;
padding: 8px;
border: none;
font-family: times new roman;
font-size: 12px;
}
#panel .remember_me input {
background: none;
vertical-align: middle;
margin-top: -1px;
}
table {
color: none;
font-family: times new roman;
font-size: 12px;
}
.tborder {
background: none;
width: 100%;
margin: auto auto;
}
.tcat {
background: none;
color: #999999;
letter-spacing: 1px;
line-height: 13px;
font-family: times new roman;
font-size: 12px;
font-style: none;
}
.tcat a:link {
background: none;
color: #999999;
}
.tcat a:visited {
background: none;
color: #999999;
}
.tcat a:hover, .tcat a:active {
background: none;
width: 900px;
color: #999999;
margin: auto auto;
text-align: left;
border: 5px solid #505050;
font-family: times new roman;
font-size: 11px;
}
.trow1 {
background: none;
font-family: times new roman;
}
.trow2 {
background: none;
font-family: times new roman;
}
.trow_shaded {
background: none;
}
.trow_selected td {
background: none;
}
.trow_sep {
background: none;
color: #ffffff;
background-color: none;
line-height: 7px;
height: 8px;
font-family: times new roman;
font-size: 10px;
}
.tfoot {
background: #none;
color: #999999;
line-height: 7px;
height: 8px;
font-family: times new roman: letter-spacing:3px;
font-size: 10px;
}
.tfoot a:link {
color: #999999;
text-decoration: none;
}
.tfoot a:visited {
color: #999999;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #999999;
text-decoration: underline;
}
.bottommenu {
background: none;
color: #ffffff;
padding: 10px;
}
.navigation {
background: none;
color: #ffffff;
text-align: center;
font-size: 9px;
}
.navigation a:link, .navigation a:visited {
background: none;
color: #999999;
background-color: none;
padding: 3px;
margin: 2px;
letter-spacing: 1px;
line-height: 20px;
text-decoration: none;
font-family: times new roman;
font-size: 9px;
font-weight: normal;
}
.navigation a:hover, .navigation a:active {
background: none;
color: #999999;
text-decoration: none;
}
.active {
background: none;
color: #ffffff;
background-color: none,
border-color: #FFFFFF;
padding: 3px;
margin: 2px;
text-decoration: none;
font-family: times new roman;
font-size: 10px;
font-weight: normal;
}
.smalltext {
line-height: 12px;
font-family: times new roman;
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background-color:transparent;
background-image: url('http://i73.servimg.com/u/f73/18/30/47/37/braun210.png');
background-repeat: repeat;
color: #ffffff;
padding: 1px;
}
textarea {
color: #ffffff;
background-color: transparent;
background-image: url('http://i73.servimg.com/u/f73/18/30/47/37/braun210.png');
background-repeat: repeat;
padding: 2px;
line-height: 1.4;
font-family: times new roman;
font-size: 11px;
}
select {
color: #ffffff;
background-color: transparent;
background-image: url('http://i73.servimg.com/u/f73/18/30/47/37/braun210.png');
background-repeat: repeat;
font-family: times new roman;
font-size: 10px;
}
.editor {
background-color:transparent;
background-image: url('http://i73.servimg.com/u/f73/18/30/47/37/braun210.png');
background-repeat: repeat;
border: 1px solid #FFFFFF;
}
.editor_control_bar {
background: #505050;
border: 1px solid #505050;
}
.autocomplete {
background: #505050;
color: #ffffff;
border: 1px solid #505050;
}
.autocomplete_selected {
background: #505050;
color: #ffffff;
}
.popup_menu {
background: #505050;
border: 1px solid #505050;
}
.popup_menu .popup_item {
background: #505050;
color: #ffffff;
}
.popup_menu .popup_item:hover {
background: #505050;
color: #ffffff;
}
.trow_reputation_positive {
background: #505050;
}
.trow_reputation_negative {
background: #505050;
}
.reputation_positive {
color: lightblue;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: darkred;
}
.invalid_field {
color: #ffffff;
border: 1px solid #ffffff;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
background: none;
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #505050;
text-align: center;
font-weight: bold;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding-left: 5px;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
#panel .links {
background: none;
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
img.attachment {
border: 1px solid #505050;
padding: 2px;
}
hr {
color: #ffffff;
background-color: #505050;
height: 1px;
border: 0px;
font-family: times new roman;
}
.button {
background: #505050;
color: #ffffff;
font-family: times new roman;
font-size: 10px;
}
#copyright {
background: #505050;
font: 11px Times New Roman, color="#ffffff";
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
color="#ffffff"
margin-top: 0;
}
blockquote {
background: #505050;
padding: 4px;
border-right: 1px solid #505050;
border-left: 1px solid #D505050;
font-size: 11px;
}
blockquote cite {
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
padding-bottom: 0;
}
.codeblock {
background: #505050;
padding: 4px;
}
.codeblock .title {
background: #505050;
margin: 4px;
text-color="#ffffff": ;
font-family: times new roman;
}
.codeblock code {
background: #505050;
border-bottom: 1px solid #505050;
border-top: 1px solid #505050;
text-align: left, color="#ffffff";
padding: 4px;
overflow: auto;
max-height: 120px;
max-width: 500px;
display: block;
margin: auto;
font-family: times new roman;
font-size: 10px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
background: #505050;
text-align: left, color="#505050";
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #505050;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #505050;
color: #ffffff;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
border-left: 10px solid #505050;
font-family: times new roman;
font-size: 10px;
}
.red_alert {
background: none;
color: #ffffff;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #548ED6;
}
div.error {
background: #505050;
padding: 5px 10px;
border-top: 2px solid #505050;
border-bottom: 2px solid #505050;
font-size: 12px;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error ul {
margin-left: 24px;
}
.online {
color: #15a091;
}
.offline {
background: #505050;
color: #999999;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}
.pagination a {
border: 1px solid #505050;
}
.pagination .pagination_current {
background: #505050;
color: #ffffff;
font-weight: bold;
}
.pagination a:hover {
background: #505050;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #0097b2;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
font-family: times new roman;
font-size: 11px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background: #505050;
color: #ffffff;
background-color: #505050;
border: 1px solid #505050;
}
._minus {
background: #505050;
color: #ffffff;
background-color: #505050;
border: 1px solid #ffffff;
}
._plus {
background: #505050;
color: #ffffff;
background-color: #505050;
border: 1px solid #505050;
}
.pagination_breadcrumb {
background-color: #505050;
border: 1px solid #505050;
outline: 1px solid #505050;
padding: 5px;
margin-top: 5px;
white-space: nowrap;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
und die slideshow.css
Code: .backslide {
background: #505050;
padding: 15px;
text-align: justify;
line-height: 12px;
font-family: times new roman;
font-size: 11px;
}
#backslide {
background: #505050;
padding: 15px;
text-align: justify;
line-height: 12px;
height: 150px;
overflow: auto;
font-family: times new roman;
font-size: 11px;
}
#sidetable {
background: #505050;
width: 100%;
color: #999999;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 20px;
letter-spacing: 0.2em;
z-index: 1;
font-family: times new roman;
font-size: 11px;
}
.sp-slideshow {
position: relative;
margin: 10px auto;
width: 600px;
height: 220px;
}
.sp-content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.sp-parallax-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.sp-slideshow input {
position: absolute;
bottom: 15px;
left: 50%;
width: 9px;
height: 9px;
z-index: 1001;
cursor: pointer;
opacity: 0;
}
.sp-slideshow input + label {
background:#D5E9E8;
position: absolute;
bottom: 15px;
left: 50%;
width: 8px;
height: 8px;
display: block;
color:#675141;
z-index: 1000;
border: 3px solid rgba(164,60,40,0.9);
transition: background-color linear 0.1s;
}
.sp-slideshow input:checked + label {
color: #505050;
background-color: rgba(180,155,122,0.9);
}
.sp-selector-1, .button-label-1 {
margin-left: -36px;
}
.sp-selector-2, .button-label-2 {
margin-left: -18px;
}
.sp-selector-4, .button-label-4 {
margin-left: 18px;
}
.sp-selector-5, .button-label-5 {
margin-left: 36px;
}
.sp-arrow {
position: absolute;
top: 50%;
width: 28px;
height: 38px;
margin-top: -19px;
display: none;
opacity: 0.8;
cursor: pointer;
z-index: 1000;
background: transparent url(../images/arrows.png) no-repeat;
transition: opacity linear 0.3s;
}
.sp-arrow:hover {
opacity: 1;
}
.sp-arrow:active {
margin-top: -18px;
}
.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {
right: 15px;
display: block;
background-position: top right;
}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
left: 15px;
display: block;
background-position: top left;
}
.sp-slideshow input:checked ~ .sp-content {
transition: background-position linear 0.6s, background-color linear 0.8s;
}
.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
transition: background-position linear 0.7s;
}
input.sp-selector-1:checked ~ .sp-content {
background-position: 0 0;
;
}
input.sp-selector-2:checked ~ .sp-content {
background-position: -100px 0;
;
}
input.sp-selector-3:checked ~ .sp-content {
background-position: -200px 0;
;
}
input.sp-selector-4:checked ~ .sp-content {
background-position: -300px 0;
;
}
input.sp-selector-5:checked ~ .sp-content {
background-position: -400px 0;
;
}
input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
background-position: 0 0;
}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
background-position: -200px 0;
}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
background-position: -400px 0;
}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
background-position: -600px 0;
}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
background-position: -800px 0;
}
.sp-slider {
position: relative;
left: 0;
width: 500%;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
transition: left ease-in 0.8s;
}
.sp-slider > li {
width: 20%;
box-sizing: border-box;
height: 100%;
padding: 0 60px;
float: left;
text-align: center;
opacity: 0.4;
transition: opacity ease-in 0.4s 0.8s;
}
.sp-slider > li img {
box-sizing: border-box;
display: block;
margin: 0 auto;
padding: 40px 0 50px 0;
max-height: 100%;
max-width: 100%;
}
input.sp-selector-1:checked ~ .sp-content .sp-slider {
left: 0;
}
input.sp-selector-2:checked ~ .sp-content .sp-slider {
left: -100%;
}
input.sp-selector-3:checked ~ .sp-content .sp-slider {
left: -200%;
}
input.sp-selector-4:checked ~ .sp-content .sp-slider {
left: -300%;
}
input.sp-selector-5:checked ~ .sp-content .sp-slider {
left: -400%;
}
input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5) {
opacity: 1;
}
Die Standard css Datein sind unverändert geblieben.
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Füge in der global.css oberhalb dies ein.
Code: html {font-style:normal;}
Vieleicht behebt es das ja.
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 56
Themen: 10
Registriert seit: 27.01.2014
MyBB-Version: 1.8.x
31.03.2014, 19:12
(Dieser Beitrag wurde zuletzt bearbeitet: 31.03.2014, 19:15 von Ciddy.)
Nein, leider keine Veränderung im Body hatte ich es auch schon, da hat es auch nichts gebracht.
edit: bzw ist es da ja auch noch
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Mit font-style:normal in der zusatz.css
Code: em {
color: #FFFFFF;
letter-spacing: 3px;
font-style: normal;
}
.ues {
color: #FFFFFF;
font-family: times new roman;
font-size: 18px;
letter-spacing: -3px;
margin-right: 7px;
text-align: center;
font-style: normal;
}
kannste einiges damit Regeln.
Mit freundlichen Grüßen
MrBrechreiz
|