12-30-2020, 07:13 AM
Kullandığınız tema > css oluştur 'a girip adını mybb.css yapın.
Kendi içeriğimi yazmak istiyorum'a tıklayıp aşağıda yer alan kodu yapıştırın.
Stil sayfasını kaydet diyerek işlemi sonlandırın.
Daha sonra yorum yazmayı deneyin... (ctrl+f5) yapmayı unutmayın..
not: Editör dosyaları yapılana kadar çözüm ..
konu NextWolrd adlı kullanıcıya aittir.
Kendi içeriğimi yazmak istiyorum'a tıklayıp aşağıda yer alan kodu yapıştırın.
Stil sayfasını kaydet diyerek işlemi sonlandırın.
Daha sonra yorum yazmayı deneyin... (ctrl+f5) yapmayı unutmayın..
Kod:
/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */
.sceditor-button div,
div.sceditor-grip {
background-image: url(https://woob10.com/jscripts/sceditor/themes/famfamfam.png);
background-repeat: no-repeat;
width: 16px;
height: 16px
}
.sceditor-button-youtube div {
background-position: 0 0
}
.sceditor-button-link div {
background-position: 0 -16px
}
.sceditor-button-unlink div {
background-position: 0 -32px
}
.sceditor-button-underline div {
background-position: 0 -48px
}
.sceditor-button-time div {
background-position: 0 -64px
}
.sceditor-button-table div {
background-position: 0 -80px
}
.sceditor-button-superscript div {
background-position: 0 -96px
}
.sceditor-button-subscript div {
background-position: 0 -112px
}
.sceditor-button-strike div {
background-position: 0 -128px
}
.sceditor-button-source div {
background-position: 0 -144px
}
.sceditor-button-size div {
background-position: 0 -160px
}
.sceditor-button-rtl div {
background-position: 0 -176px
}
.sceditor-button-right div {
background-position: 0 -192px
}
.sceditor-button-removeformat div {
background-position: 0 -208px
}
.sceditor-button-quote div {
background-position: 0 -224px
}
.sceditor-button-print div {
background-position: 0 -240px
}
.sceditor-button-pastetext div {
background-position: 0 -256px
}
.sceditor-button-paste div {
background-position: 0 -272px
}
.sceditor-button-outdent div {
background-position: 0 -288px
}
.sceditor-button-orderedlist div {
background-position: 0 -304px
}
.sceditor-button-maximize div {
background-position: 0 -320px
}
.sceditor-button-ltr div {
background-position: 0 -336px
}
.sceditor-button-left div {
background-position: 0 -352px
}
.sceditor-button-justify div {
background-position: 0 -368px
}
.sceditor-button-italic div {
background-position: 0 -384px
}
.sceditor-button-indent div {
background-position: 0 -400px
}
.sceditor-button-image div {
background-position: 0 -416px
}
.sceditor-button-horizontalrule div {
background-position: 0 -432px
}
.sceditor-button-format div {
background-position: 0 -448px
}
.sceditor-button-font div {
background-position: 0 -464px
}
.sceditor-button-emoticon div {
background-position: 0 -480px
}
.sceditor-button-email div {
background-position: 0 -496px
}
.sceditor-button-date div {
background-position: 0 -512px
}
.sceditor-button-cut div {
background-position: 0 -528px
}
.sceditor-button-copy div {
background-position: 0 -544px
}
.sceditor-button-color div {
background-position: 0 -560px
}
.sceditor-button-code div {
background-position: 0 -576px
}
.sceditor-button-center div {
background-position: 0 -592px
}
.sceditor-button-bulletlist div {
background-position: 0 -608px
}
.sceditor-button-bold div {
background-position: 0 -624px
}
div.sceditor-grip {
background-position: 0 -640px
}
.rtl div.sceditor-grip {
background-position: 0 -650px;
right: auto;
left: 0
}
.sceditor-container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: relative;
background: padding-box #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #333;
line-height: 1;
font-weight: 700;
height: 250px;
border-radius: 4px
}
.sceditor-container *,
.sceditor-container :after,
.sceditor-container :before {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3
}
.sceditor-container iframe,
.sceditor-container textarea {
display: block;
-ms-flex: 1 1 0%;
-webkit-box-flex: 1;
flex: 1 1 0%;
line-height: 1.25;
border: 0;
outline: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
height: auto !important;
width: auto !important;
width: calc(100% - 10px) !important;
min-height: 1px
}
.sceditor-container textarea {
margin: 7px 5px
}
div.sceditor-dnd-cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, .2);
border: 5px dashed #aaa;
z-index: 200;
font-size: 2em;
text-align: center;
color: #aaa
}
div.sceditor-dnd-cover p {
position: relative;
top: 45%;
pointer-events: none
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: .3
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
line-height: 0
}
div.sceditor-grip.has-icon {
background-image: none
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000
}
body.sceditor-maximize,
html.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden
}
.sceditor-maximize div.sceditor-grip {
display: none
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box
}
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: padding-box #fff;
z-index: 4000;
padding: 10px;
font-weight: 400;
font-size: 15px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
box-shadow: 1px 2px 4px rgba(0, 0, 0, .2)
}
div.sceditor-dropdown *,
div.sceditor-dropdown :after,
div.sceditor-dropdown :before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333
}
div.sceditor-dropdown form {
margin: 0
}
div.sceditor-dropdown label {
display: block;
font-weight: 700;
color: #3c3c3c;
padding: 4px 0
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box
}
div.sceditor-dropdown textarea {
padding: 6px
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #666 #aaa #aaa;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1)
}
div.sceditor-dropdown .button {
font-weight: 700;
color: #444;
padding: 6px 12px;
background: padding-box #ececec;
border: 1px solid #ccc;
border-radius: 2px;
cursor: pointer;
margin: .3em 0 0
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0
}
div.sceditor-color-picker {
padding: 4px
}
div.sceditor-emoticons,
div.sceditor-more-emoticons {
padding: 0
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: 700;
padding: 6px 0
}
.sceditor-dropdown a:hover {
background: #eee
}
.sceditor-font-option,
.sceditor-fontsize-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222
}
.sceditor-fontsize-option {
padding: 7px 13px
}
.sceditor-color-column {
float: left
}
.sceditor-color-option {
display: block;
border: 2px solid #fff;
height: 18px;
width: 18px;
overflow: hidden
}
.sceditor-color-option:hover {
border: 1px solid #aaa
}
div.sceditor-toolbar {
overflow: hidden;
padding: 2px 2px 1px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #eee;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #eee;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ie6 .sceditor-button, .ie7 .sceditor-button {
float: none!important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {
background: #fff;
/*-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2)*/border: 1px solid #ddd;
}
.sceditor-button:active {
background: #fff;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sceditor-button, .sceditor-button div {
display: block;
}
.sceditor-button div {
display: inline-block;
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
opacity: .3;
}
.sceditor-button svg {
display: inline-block;
height: 16px;
width: 16px;
margin: 2px 0;
fill: #111;
text-decoration: none;
pointer-events: none;
line-height: 1
}
.sceditor-button.disabled svg {
fill: #888
}
.sceditor-button.has-icon div {
display: none
}
.sceditor-button.text,
.sceditor-button.text div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div,
.text .sceditor-button,
.text .sceditor-button div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div {
display: inline-block;
width: auto;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0
}
.sceditor-button.has-icon div,
.sceditor-button.text div,
.text .sceditor-button div,
.text-icon .sceditor-button.has-icon div {
padding: 0 2px;
background: 0 0
}
.sceditor-button.text svg,
.text .sceditor-button svg {
display: none
}
.sceditor-button.text-icon div,
.text-icon .sceditor-button div {
padding: 0 2px 0 20px
}
.rtl div.sceditor-toolbar {
text-align: right
}
.rtl .sceditor-button {
float: right
}
.sceditor-button-video div {
background-image: url(https://woob10.com/jscripts/sceditor/themes/video.png)
}
.sceditor-button-php div {
background-image: url(https://woob10.com/jscripts/sceditor/themes/php.png)
}
not: Editör dosyaları yapılana kadar çözüm ..
konu NextWolrd adlı kullanıcıya aittir.