Mybb Sistemlere Ftpsiz MultiColor+++Bomba

[KanklarTM]

Kod: Tümünü Seç Tümünü Kopyala

Multicolor Nedir Multi Color Birden Fazla Renk Seçmedir.Özelleştirme Başlayabiliriz.
headerinclude Ekleyin.
<script type="text/javascript" src="http://st.10tl.net/tema/dream41/images/flow/js/colpick.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/dream41/images/flow/js/flow.min.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/dream41/images/flow/js/cookie.js"></script>
<link type="text/css" rel="stylesheet" href="http://st.10tl.net/tema/dream41/images/flow/css/colpick.css" />
<script type="text/javascript" src="http://st.10tl.net/tema/dream41/images/flow/js/tipsy.js"></script>
<a href="javascript:" id="return-to-top"><i class="fa fa-chevron-up"></i></a>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' 

Kod: Tümünü Seç Tümünü Kopyala

Css ekleyin.
.custom_theme{
font-size: 17px;
   float: right;
cursor: pointer;
color: #B0ADAD !important;
background-color: RGBA(255, 255, 255, 0) !important;
}

.custom_theme:hover {
color: #FFF !important;
text-decoration: none;
 transition: all 0.5s ease;
}
/*** Background Picker style ***/
.fixed_bg {
background-size: cover !important;
}
.bg_preview:before,.bg_preview:after {
   content:" ";
   display:table
}
.bg_preview:after{
   clear:both
}
.bg_preview {
   display: none;
   border: 1px solid #DADADA;
   background: #FFF;
   padding: 5px !important;
   width: 300px;
   height: auto;
   z-index: 999;
   float: right;
   position: absolute;
   right: 150px;
}
.bg_preview a {
   float: left;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   margin: 1%;
   display: inline-block;
   vertical-align: middle;
   border: 1px solid #CECECE;
   cursor: pointer;
}

.bg_preview a:hover {
border: 2px solid #50EC00
}

.bg_more {
display: none;
   width: 50px;
   cursor: pointer;
   background: #FFF;
   color: #00E192;
   text-align: center;
   border-radius: 2px;
}

.colorpicker_default {
   width: 50px;
   cursor: pointer;
   background: #FFF;
   color: #00E192;
   text-align: center;
   border-radius: 2px;
float: right;
}
.bg_preview_more {
   display: none;
}
.bg_preview_more:before,.bg_preview_more:after {
   content:" ";
   display:table
}
.bg_preview_more:after{
   clear:both
}

.bg_preview_more a {
   float: left;
   width: 18%;
   height: 80px;
   box-sizing: border-box;
   margin: 1%;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-size: cover;
   border: 2px solid #CECECE;
}

.bg_preview_more a:hover {
border: 2px solid #50EC00
}
/** End **/


/**Social Links sidebars**/
div.socialbars:hover i {
background-color: RGBA(0, 0, 0, 0) !important;
}
div.socialbars {
z-index: 99;
cursor: pointer;
left: -114px;
width: 155px;
position: fixed;
transition: all 0.4s ease;
}
div.socialbars:hover {
left: 0px
}
.social_des {
font-size: 12px;
position: absolute;
top: 12px;
margin-left: 20px;
color: rgb(255, 255, 255);
font-weight: 600;
}
.socialfacebook {
background: #3b5998;
width: 155px;
top: 200px;
}
.socialtwitter {
background: #00aced;
width: 155px;
top: 280px;
}
.socialgoogle-plus {
background: #dd4b39;
width: 155px;
top: 320px;
}
.socialyoutube {
background: #e23c48;
width: 155px;
top: 240px;
}
div.socialbars i {
padding: 10px 15px;
float: right;
color: rgb(255, 255, 255);
background-color: rgb(51, 51, 51);
font-size: 20px;
}
/*Ends**/

/** forum post/thread cool*/
.mibitstats {
   background-color: #eee;
color: #898989;
box-shadow: inset 0px 0px 12px 0px #DBDBDB;
   border-radius: 20px;
padding: 6px 10px;
}
.bg_style {
   float: right;
   cursor: pointer;
   margin-left: 10px;
color: #B0ADAD !important;
font-size: 17px;
}
.bg_style:hover {
color: #FFF !important;
text-decoration: none;
 transition: all 0.5s ease;
}

.footer_stuff {
height: 45px;
background-color: #0A0A0B;
line-height: 45px;
}

/** Heart Beat**/

.pulse_heart {
 color: #E90606;
 margin: 0 3px;
 font-size: 10px;
 cursor: pointer;
 animation: pound_heart 0.35s infinite alternate;
 -webkit-animation: pound_heart 0.35s infinite alternate;
}

@-webkit-keyframes pound_heart {
 to {
   transform: scale(1.4);
 }
}
@keyframes pound_heart {
 to {
   transform: scale(1.4);
 }
}

/** Hide stuff**/
.buttons {
   font-size: 17px;
float: right;
cursor: pointer;
color: #B0ADAD !important;
background-color: RGBA(255, 255, 255, 0) !important;
}

.buttons:hover {
   color: #FFF !important;
text-decoration: none;
 transition: all 0.5s ease;
}

.clickedbuttons {
   font-size: 17px;
float: right;
cursor: pointer;
color: #B0ADAD !important;
background-color: RGBA(255, 255, 255, 0) !important;
}

.clickedbuttons:hover {
   color: #FFF !important;
text-decoration: none;
 transition: all 0.5s ease;
}

.footer_made {
   transform: skewX(25deg);
   background: #353535;
   float: right;
   padding: 0px 20px;
}

/** Drop Down Menu**/
.enmenuwrap {
 float: right;
 display: inline-block;
 position: relative;
}


.enmenu {
 display: inline-block;
 padding: 0px 10px;
 position: relative;
 cursor: pointer;
 line-height: 15px;
 color: #B0ADAD !important;
 text-decoration: none;
 border-radius: 2px;
 font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
 float: right;
}

.enmenu:hover{
 color: #FFF !important;
text-decoration: none;
 transition: all 0.5s ease;
}

.ensettings {
 display: none;
 position: absolute;
 right: 0;
 left: auto;
 min-width: 180px;
 background: #3C3A3A;
 color: #555;
 top: 32px;
 padding: 0;
 margin: 0;
 z-index: 8999;
 font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
 box-shadow: 1px 1px 2px 0 rgba(0,0,0,.4);
}

.ensettings::before {
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 content: "";
 position: absolute;
 border-bottom: 5px solid #3C3A3A;
 top: -5px;
 right: 10px;
 float: right;
}

.ensettings ul {
   padding: 0;
   margin: 0;
}

.ensettings ul > li {
 list-style: none;
 padding: 0;
}

.ensettings ul > li > a {
 text-decoration: none;
 color: #B0ADAD !important;
 display: block;
 padding: 0px 25px;
 transition: all 0.2s ease-in-out;
 font-size: 12px;
}

.ensettings ul > li > a:hover {
 color: #3C3A3A !important;
text-decoration: none;
 transition: all 0.2s ease;
 background: #B0ADAD;
 box-shadow: inset 0 0 0 6px #3C3A3A;
}

.ensettings ul > li > a > i {
   float: left;
   display:inline-block;
   line-height: 40px;
   width: 20px;
}

.enavigation {
   line-height: 40px;
}

/** End **/

/** Footer links **/
#foot_bar *{
   box-sizing:border-box;
}

#foot_bar {
width: 100%;
height: 200px;
background-color: #202020;
}

.col {
   float: left;
   padding: 8px 15px 5px 15px;
   width: 25%;
}

.foot_header {
   background: none;
   color: #FFF;
   font: bold 18px Arial, Helvetica, sans-serif;
   font-variant: small-caps;
   margin: 0 0 20px 0;
   padding: 9px 0 0 19px;
   height: 33px;
}

div.col ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

div.col li {
   height: 32px;
   padding: 0;
}

div.col li a{
   display: block;
   font: normal 12px Verdana, Geneva, sans-serif;
   padding: 10px 0 0 19px;
   text-decoration: none;
   text-decoration: none;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}

div.col li a:hover {
color: #B0ADAD !important;
   margin-left: 5px;
}
.admin_buttons {
   background: #f23d3d;
   padding: 6px 10px;
   color: #FFF !important;
   border-radius: 20px;
   float: right;
   margin-top: -5px;
   margin-right: 20px;
   transition: all 0.5s ease;
   text-align: center;
}

.admin_buttons:hover {
background: #FC0D05;
cursor: pointer;
   border-radius: 2px;
transition: all 0.5s ease;
}

.mod_buttons {
   background: #5273f7;
   padding: 6px 10px;
   color: #FFF !important;
   border-radius: 20px;
   float: right;
   margin-top: -5px;
   margin-right: 20px;
   transition: all 0.5s ease;
   text-align: center;
}

.mod_buttons:hover {
background: #0033ff;
cursor: pointer;
   border-radius: 2px;
transition: all 0.5s ease;
}

.news {
margin: 10px 0px 25px 0px;
 width: 100%;
 height: 40px;
 line-height: 50px;
 float: left;
 border: 2px solid RGBA(159, 0, 255, 0);
 background: rgba(210, 210, 210, 0.6);
}

.announcements {
 min-width: 40px;
 padding: 0 5px;
   color: #FFFFFF;
 text-align: left;
 float: left;
 background-color: #176ceb;
 height: 40px;
 vertical-align:  top;
 text-align: center;
 position: relative;
}

.news_arrow {
   width: 0;
   position: relative;
   left: 48px;
   top: 11px;
   height: 0;
   border-style: solid;
   border-width: 10px 0 10px 10px;
border-color: transparent;
}
.automsj {
 float: left;
 padding: 0 5px;
 font-size: 13px;
 margin: -18px 0px 0px 20px;
 height: 40px;
 line-height: 38px;
}

.automsj ul {
 padding: 0;
 margin: 0;
}

.quotes {
   color: #8D00FF;
 list-style: none;
 display: none;
 text-align: left;
}
/* Tipsytip */
.tipsy {
   position: absolute;
   padding: 5px;
   z-index: 100000;
}

.tipsy-inner {
font-size: 12px;
   background: #000;
   color: #FFFFFF;
   max-width: 200px;
   padding: 5px 8px;
   text-align: center;
border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.tipsy-arrow {
   position: absolute;
   width: 0;
   height: 0;
   line-height: 0;
   border: 5px dashed #161616;
}
 
.tipsy-arrow-n {
   border-bottom-color: #161616;
}

.tipsy-arrow-s {
   border-top-color: #161616;
}

.tipsy-arrow-e {
   border-left-color: #161616;
}

.tipsy-arrow-w {
   border-right-color: #161616;
}
 
.tipsy-n .tipsy-arrow {
   top: 0px; left: 50%;
   margin-left: -5px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
   top: 0;
   left: 10px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
   top: 0;
   right: 10px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
   bottom: 0;
   left: 10px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
   bottom: 0;
   right: 10px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
   right: 0;
   top: 50%;
   margin-top: -5px;
   border-left-style: solid;
   border-right: none;
   border-top-color: transparent;
   border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
   left: 0;
   top: 50%;
   margin-top: -5px;
   border-right-style: solid;
   border-left: none;
   border-top-color: transparent;
   border-bottom-color: transparent;
}

.profile_avatar {
background-color: rgb(23, 189, 235);
box-shadow: 0px 3px 4px rgba(17, 17, 17, 0.11);
}
.profile_details {
display: inline-block;
background: #fff;
padding: 12px 10px;
box-shadow: 0px 3px 4px rgba(17, 17, 17, 0.11);
margin-left: -42px;
line-height: 20px;
transform: skewX(25deg);
}

.profile_bg {
background: url(http://st.10tl.net/tema/dream41/images/flow/backgrounds/profile.jpg) repeat scroll center top / cover;
}

.rep_bg {
background: rgb(141, 177, 62) none repeat scroll 0% 0%;
text-align: center;
color: rgb(255, 255, 255);
padding: 5px;
border-radius: 3px;
width: 400px;
box-shadow: 0px 3px 5px rgba(17, 17, 17, 0.21);
}
.rep_count {
font-size: 20px;
display: block;
font-weight: bold;
}
.logo_static {
color: #5F5F5F;
}

/* Spinning Indicator */
/* Effect 10: Corner indicator */
.la-anim-10 {
position: fixed;
top: 0;
right: 0;
width: 300px;
height: 300px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
transform: translateX(100%) translateY(-100%) rotate(45deg);
pointer-events: none;
z-index: 9999999;
}

.la-anim-10.la-animate {
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
transform: translateX(50%) translateY(-50%) rotate(45deg);
}

/* Loading circle idea from http://codepen.io/Metty/details/lgJck */
.la-anim-10::before,
.la-anim-10::after {
position: absolute;
bottom: 30px;
left: 50%;
display: block;
border: 5px solid #fff;
border-radius: 50%;
content: '';
}

.la-anim-10::before {
margin-left: -40px;
width: 80px;
height: 80px;
border-right-color: RGBA(0, 0, 0, 0.35);
border-left-color: RGBA(0, 0, 0, 0.35);
-webkit-animation: rotation 3s linear infinite;
animation: rotation 3s linear infinite;
}

.la-anim-10::after {
bottom: 50px;
margin-left: -20px;
width: 40px;
height: 40px;
border-top-color: RGBA(0, 0, 0, 0.35);
border-bottom-color: RGBA(0, 0, 0, 0.35);
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
}


@-webkit-keyframes rotation {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(180deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotation {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
/*END*/

.semiwrap {
   width: 85%;
   margin: auto;
}
@media(max-width: 540px) {
.hide-540px {
   display: none !important;
 };
}
@media(max-width: 540px) {
.show-540px {
display: block !important;
};
}
@media(min-width: 541px) {

.show-540px {
display: none !important;
};
}
/* Pie Chart */
@keyframes bake-pie {
from {
  transform: rotate(0deg) translate3d(0,0,0);
}
}

section {
margin-top: 30px;
margin-left: 50px;
}
.pieID {
display: inline-block;
vertical-align: top;
}
.pie {
height: 200px;
width: 200px;
position: relative;
margin: 0 30px 30px 0;
}
.pie::before {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 125px;
height: 125px;
background: #EEE;
border-radius: 50%;
top: 37px;
left: 37px;
}
.pie::after {
content: "";
display: block;
width: 120px;
height: 2px;
background: rgba(0,0,0,0.1);
border-radius: 50%;
box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
margin: 220px auto;

}
.slice {
position: absolute;
width: 200px;
height: 200px;
clip: rect(0px, 200px, 200px, 100px);
animation: bake-pie 1s;
}
.slice span {
display: block;
position: absolute;
top: 0;
left: 0;
background-color: black;
width: 200px;
height: 200px;
border-radius: 50%;
clip: rect(0px, 200px, 200px, 100px);
}
.legend {
list-style-type: none;
padding: 0;
margin: 0;
padding: 15px;
font-size: 13px;
}
.legend li {
width: 200px;
height: 1.25em;
margin-bottom: 0.7em;
padding-left: 0.5em;
border-left: 1.25em solid black;
}
.legend em {
font-style: normal;
}
.legend span {
float: right;
}
.pma {
margin-left: 10px;
padding: 2px 6px;
background: rgb(203, 15, 15) none repeat scroll 0% 0%;
color: rgb(255, 255, 255);
border-radius: 2px;
font-size: 11px;
}

.urlimage {
width: 195px;
height: 21.5px;
border: 1px solid #9c9c9c;
background: #f2f2f2;
border-radius: 2px;
box-shadow: inset 0px 0px 8px 0px #B6B6B6;
transition: all ease-in-out 0.3s;
}

.urlimage:focus {
background: #fff;
box-shadow: none;
transition: all ease-in-out 0.3s;
}
.color1,.color2,.color3,.color4,.color5 {
border-radius: 50px;
   border: none !important;
}

Header Ekleyin Hayırlı Olsun:)

Kod: Tümünü Seç Tümünü Kopyala

<div class="semiwrap">
<a class="buttons" title="Sidebarı Gizle" style="float: right;"><i style="font-size: 14px;" class="fa fa-compress fa-fw"></i></a>
<a class="clickedbuttons" title="Sidebarı Göster" style="float: right;"><i style="font-size: 14px;" class="fa fa-expand fa-fw"></i></a>
<span style="float: right; cursor: default;">&nbsp;&nbsp;</span>
<a class='custom_theme' id='colorpicker' title="Renk Seç"><i class="fa fa-tint"></i></a><span style="float: right; cursor: default;">&nbsp;&nbsp;</span>
<a class="bg_style" title="Tema Özelleştirme"><i class="fa fa-picture-o"></i></a>
{$welcomeblock}        
<div class="bg_preview"><div class="ribbon"><b>Tema Özelleştirme</b></div>
<center><div style="margin-top: 50px; margin-bottom: 15px;"><b>Tema Renkleri</b></div>
                           <div style="margin-left: 8px;"><a style="background-color: #d9381c;" class="color1"></a>
                           <a style="background-color: #d6c60f;" class="color2"></a>
                           <a style="background-color: #0ecf4e;" class="color3"></a>
                           <a style="background-color: #0cccac;" class="color4"></a>
<a style="background-color: #961ac7;" class="color5"></a></div>
<div style="margin-top: 100px; margin-bottom: 15px;"><b>Arka Plan Desenleri</b></div>
                           <div style="margin-left: 8px;">
<a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg1.png" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg1.png')" class="bg_n"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg2.png" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg2.png');" class="bg_n"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg3.png" style="background: url('images/flow/backgrounds/bg3.png');" class="bg_n"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg4.png" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg4.png');" class="bg_n"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg5.png" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg5.png');" class="bg_n"></a></div>
<div style="margin-top: 100px; margin-bottom: 15px;"><b>Arka Plan Resimleri</b></div>
   <div style="margin-left: 8px;">
<a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg6.jpg" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg6.jpg');" class="fixed_bg"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg7.jpg" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg7.jpg');" class="fixed_bg"></a>
   <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg8.jpg" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg8.jpg');" class="fixed_bg"></a>
   <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg9.jpg" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg9.jpg');" class="fixed_bg"></a>
                           <a id="http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg10.jpg" style="background: url('http://st.10tl.net/tema/dream41/images/flow/backgrounds/bg10.jpg');" class="fixed_bg"></a></div>
<div style="margin-top: 100px; margin-bottom: 15px;"><b>Özel Arka Plan</b></div>
<input type="text" id="url" value="" placeholder="Arka Plan URL'sini buraya koyun..." class="urlimage" />
<input type="button" value="Güncelle" class="button" onclick="updateURL()" />
<p><i style="font-size: 15px;" class="fa fa-picture-o"></i> Above URL is an Image <i class="fa fa-check-square clickedimage" style="cursor: pointer; font-size: 18px;"></i><i class="fa fa-square-o unclickedimage" style="cursor: pointer; font-size: 18px;"></i></p></center>
</div>
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->

Kod: Tümünü Seç Tümünü Kopyala

İndex Ekle
<tr>
<div class="sidebar" style="float: right; width: 19%;">

<script type="text/javascript">
   jQuery(function(){
       jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
   });
   </script>

[ASi]

Konuya yazdığın içeriği neden kod tagında paylaşıyorsun?

[KanklarTM]

Konuya yazdığın içeriği neden kod tagında paylaşıyorsun?

iyi gözüküyor öyle.: herşeyede bir mana bulmayın.

[ASi]

Konuya yazdığın içeriği neden kod tagında paylaşıyorsun?

iyi gözüküyor öyle.: herşeyede bir mana bulmayın.

Bak bana. Kimse sana bir şeyler bulmuyor, sen göze batan hareketler yapıyorsun. Biraz kibar olmayı öğren. Birisi sana bir öneride bulunuyorsa dikkate al. Kendini ne sanıyorsun ki? İnsan insandan üstün değildir, akıl akıldan üstündür.
Önerilere ve öğrenmeye açık ol. En azından kendini kanıtlayana kadar.
Tamam mı?
Kod tagında kodlar paylaşılıyor ki insanların konuyu okuması, kodu uygulaması kolay olsun diye. Neyse bunu tartışacak değilim.

[Ripbyrustavi]

Eline sağlık kanklar.

[#Raptor]

ST.10TL.NET yüklenmiş bir multicolor temasından, multicolor dosyaları çekmişsin.