+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Schrift im ganzen Forum kursiv + CSS in Beiträgen (/thread-29448.html)
Seiten: Seiten:
1
2
Schrift im ganzen Forum kursiv + CSS in Beiträgen - Ciddy - 31.03.2014
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
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - MrBrechreiz - 31.03.2014
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.
Code:
font-style:italic;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.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - Ciddy - 31.03.2014
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.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - MrBrechreiz - 31.03.2014
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)
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - Ciddy - 31.03.2014
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.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - MrBrechreiz - 31.03.2014
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.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - Ciddy - 31.03.2014
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.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - MrBrechreiz - 31.03.2014
Füge in der global.css oberhalb dies ein.
Code:
html {font-style:normal;}Vieleicht behebt es das ja.
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - Ciddy - 31.03.2014
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
RE: Schrift im ganzen Forum kursiv + CSS in Beiträgen - MrBrechreiz - 31.03.2014
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.