Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 3 Gast/Gäste
Elwitch Theme
#1
Eine neue Erweiterung wurde veröffentlicht: Elwitch Theme

Zitat:! Sorry for my english, i am french =) 

Informations : 

Version : RC 4.3
For : MyBB 1.8.14 / 1.8.15 and old
Plugin requiered : MyForumicon modified - > in the build 4.1
Files : Assets/Xml/Plugin/Images
Changelog : Link
Support :  Link

Demonstration area :

- My Development Space 
- In action on the State of Decay France website
- In action on the FarCry France website


Examples others thémes ? go to OPTIONS and change the theme. 

The advantages  : 

How to install ? 

STEP A : Upload the files in your directory forum / 

- > assets >files js and pictures theme. (Important)
- > images >Is optionnal. 
- > ThemeOptions > Upload theme-options.php in your directory forum.

STEP B : Import the XML in your ACP xml/Elwitch RC4.1-theme.xml
STEP C : Upload the " inc " in your root forum for the banners pictures( important).


STEP D : Go to ACP and active the theme and active the plugin "MyforumIcon" and
go to your forum ACP management and add your screen in the section called : 

"Custom Forum Icon", the size is : 539X200


POSSIBLE ERROR : the plugin show the code html in your banner custom
go to template > forumbit_depth2_forum > and replace the line 8 per : 


Code:
<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></span></div>
Original Author plugin MyForumIcon

NEED HELP FOR CUSTOM ? 

GO TO LINK HELP DESK

For what uses ? :

Elwitch is a theme for gaming communities, may be used for any different services, be careful though this template is unique. 




Beware of licenses : 

It is not allowed to remove copyright from the forum, it is strictly forbidden to sell, share or any other commercial use, its use is limited to communities, however any changes must make the act of a return to the creators, I do not authorize any copies or commercial use or sharing of this software.

This theme currently consists of a non royalty-free creative commons license and two copyrights.

Only the author ( myself) is authorized to share it, you can nevertheless use it on your personal sites, but must not undergo any modifications, nevertheless if modifications are to be made please write to us at: [email protected], this theme is free. 

Copyright France 
Copyright Belgium


Need Support ? 

Support forumSupport on Twitter ( Follow = Support , No Follow = No Support


Help me 
DONATE : Follow me on twitter Follow me on Facebook |Follow me on Behance
Buy me a kibbles <3 For my Cat's  
Zitieren
#2
Eine neue Version wurde veröffentlicht: Elwitch Theme New Version 4.1
Zitieren
#3
Eine neue Version wurde veröffentlicht: Elwitch Theme New Version 4.2
Zitieren
#4
Eine neue Version wurde veröffentlicht: Elwitch Theme New Version 4.3
Zitieren
#5
Hallo zusammen,

kann mir jemand auf die Sprünge helfen, wie man bei diesem Design die Forenbreite verändert? Ja, ich habe die Suche benutzt, habe wirklich alles ausprobiert, was ich hier gefunden habe, habe diverse Breitenangaben (wrapper, tborder) in der global.css auf 800px begrenzt, aber nichts hat geholfen. Bisher habe ich es lediglich geschafft, die Threadanzeige auf 800px festzusetzen, aber die Startseite/Forenübersicht will sich immer noch nicht reduzieren lassen. Vielleicht kann mir ja jemand einen Tipp geben.

Danke im Voraus! Smile
Zitieren
#6
Das ist bootstrap. Es ist daher naheliegend, dass das Stylesheet von extern kommt.
Ich sag`s hier zum x-ten Mal. Link zum Forum! Wie soll man sonst helfen?!
Zitieren
#7
(03.05.2020, 11:01)Schnapsnase schrieb: Das ist bootstrap. Es ist daher naheliegend, dass das Stylesheet von extern kommt.
Ich sag`s hier zum x-ten Mal. Link zum Forum! Wie soll man sonst helfen?!

Bin da nicht so bewandert, sorry. Hätte gedacht, man kann anhand des Designs eine Auskunft geben.
LINK entfernt
Zitieren
#8
Das ist bei dir über die custom.css einzustellen wenn ich das richtig sehe.
Zitieren
#9
Ja, darin habe ich mich auch schon ausgetobt. Aber ohne Erfolg.
Das hier ist die custom.css. Wo muss ich denn meinen gewünschten Wert von 800px festlegen?

Code:
/* Customize your background forum */
body{
  margin:0;
  padding:0;
  background: url(./images/725.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  font-family: 'Titillium Web';
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
}

#fumee {
    background: url(./assets/img/fumee.png);
    width: 1280px;
    position: fixed;
    bottom: 0;
    height: 708px;
    z-index: -1;
}

#fumee2nd {
position: fixed; bottom: -500px; width: 1280px; height: 708px; background: url(./assets/img/fumee.png); z-index: -1;
}

.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 5px;
    width: 25px!important;
     height: 25px!important;
    -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;
}

.logofc img{
width: 800px;
}

no-repeat center fixed
.userview{
color:white;
}

li{
list-style-type: none;
}

.panel{
color:white;padding-top:30px;text-align:right;
}

.welcome{
color:white;font-weight:bold;
}

.welcome a{
color:#ced2d0;font-weight:bold;background: #282727;padding: 5px;border-radius: 4px;
}

.welcome a:hover{
color: #c07e59;
}

a.logout {
color: #ced2d0;font-weight: bold;background: #282727;padding: 5px;border-radius: 4px;text-transform:uppercase;
}

.configuration-user a{
color:#eeeeee;font-weight:bold;
}

.configuration-user a:hover{
color:#944141;font-weight:bold;text-decoration:none;
}

.navbar-toggler.collapsed{
background:#525252;
}

.imagebox {
  background: black;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 400px;
}

.icone{
text-align: right;    padding: 5px;
}

.imagebox img {
opacity: 1;transition: 0.5s opacity;
}

.imagebox .imagebox-desc {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0px;
  color: white;
  font-size: 1.2em;
  left: 0px;
  padding: 10px 15px;
  position: absolute;
  transition: 0.5s padding;
  text-align: center;
  width: 400px;
}

.imagebox:hover img {
opacity: 0.7;
}

.imagebox:hover .imagebox-desc {
padding-bottom: 10%;
}

.blog-titre {
    font-family: 'Titillium Web';
    text-transform: uppercase;
    top: -120px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
    position: relative;
    border-right: 3px solid #993658!important;
}

.description-forum {
    background: linear-gradient(to left, rgba(14,14,14,0) 0%, rgba(14,14,14,0) 19%, rgba(14,14,14,0.95) 100%);
    text-transform: uppercase;
    font-family: 'Titillium Web';
    color: white;
    top: -90px;
    position: relative;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
}

.imageG img {
height:auto;max-height: 200px;min-height: 200px;transition: opacity 0.2s;backface-visibility: hidden;opacity: 0.4;filter: alpha(opacity=80);color: #fff;background-size: cover;width:100%;border-radius: .25rem .0rem .0rem .25rem;border-right: 3px solid #993658!important;
}

.imageG img:hover{
opacity: 1;
}

.derniers-sujets{
font-size: 14px;color: white;top: -10px;left: 0px;padding: 10px;position: relative;text-align: right;text-transform: uppercase;
}

.bg-dark {
background-color: #0000004d!important;
}

.card2 {
position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;
background-color: #18191c;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;
background-image: url(./assets/img/stripes.png);background-size: 7px;background-repeat: repeat-x;background-position: top left;  font-family: 'Titillium Web';
}

.btn.assets {
padding: 1rem;margin-bottom: 5px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;border: 0;border-radius: .125rem;cursor: pointer;text-transform: uppercase;min-width: 250px;color: #fff!important;background-color: #232930;
}

.card-title2 {
font-size: 20px; margin: 10px;text-transform: uppercase;color: white;font-weight: bold;
}

.card-title2 a{
color: white;
}

.card-title2 a:hover{
text-decoration: none;color:#bd21309e;
}

.card-title1 {
font-size: 18px; margin: 10px;text-transform: uppercase;
}

.card-title1 a:hover {
text-decoration: none;color:#2d2d2d;
}

.card-text2{
font-size: 0.87em;margin-top: 0.9em;line-height: 1.295em;color: white;padding: 20px;
}

.card-text-cat{
font-size: 12px;color: white;
}

.date {
color: white;text-transform: uppercase;padding: 10px;position: relative;background: #0000007a;text-align: center;
}

.auteur {
font-size: 14px;color: white;top: 30px;left: 20px;position: relative;text-align: left;
}

.auteur a:hover{
color: white;text-decoration: none;
}

.auteur-blogfull {
font-size: 14px;color: white;text-transform: uppercase;left: 20px;position: relative;text-align: left;
}

.space-1{
height:30px;
}

.space-2{
height:50px;
}

.space-3{
height:40px;
}

a{
font-family: 'Titillium Web';
}

a:hover {
text-decoration: none!important;
}

.h4-head{
text-transform:uppercase;border-left: 7px solid #bd21309e!important;padding:5px;
}

.bg-darksod {
background-color: #282727d4!important;
}

.sticker {
position: absolute;width: 47px;height: 47px;opacity: 0.06;background-image: url(./assets/img/sticker.png);right: 20px;bottom: 0px;-moz-transform: scaleY(-1);-ms-transform: scaleY(-1);-o-transform: scaleY(-1);
}

.users-stat {
color: white;font-family: 'Titillium Web';text-transform: uppercase;
}

table {
border-collapse: separate!important;
}

#gotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-size: cover;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  width: 50px;
}

#gotop:hover {
background-color: #12171b;
}

/*RC4.2*/

.footer{
text-align:center;font-size: 14px;
}

.footer p{
color:white;text-transform: uppercase;
}

select{
    background: #7a3538e3;
    color: white;
    border: none;
}

.text-heading-1 {
    color: #dd163b!important;
    text-transform: uppercase;
}

.mbdtitre-h-2 {
    text-align: center;
    background: #29292a;
    padding: 10px;
    color: white;
    text-transform: uppercase;
}

.alignement-left{
text-align:left;
}

.alignement-right{
text-align:right;
}

.alignement-centre{
text-align:center;color:white;padding:10px;text-transform:uppercase;
}

.panneau{
background: #29292a;
}

.socials-icons i{
    padding-left:50px;
    height: 35px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.socials-icons i:hover{
    color: #7a3538;
}

.btn.red  a{
color:white!important;
}

.btn.red {
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff!important;
    background-color: #723437;
}

.btn.red:hover {
    background-color: #495f84;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

========================
/*DEVBRANCHE
[class*="col-"], footer {
  background-color: lightgreen;
  border: 2px solid black;
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
}

*/
Zitieren
#10
Wie ich schon sagte, kommt das Stylesheet von extern.

Gehe in Deine global.css und füge folgendes ein:
Code:
@media (min-width:1200px) {
.container {
  max-width:1140px !important;
}
}

@media (min-width:992) {
.container {
  max-width:960px !important;
}
}

@media (min-width:768px) {
.container {
  max-width:720px !important;
}
}

@media (min-width:576px) {
.container {
  max-width:540px !important;
}
}

Das sind die media-querys, die Du momentan auch von extern bekommst, aber wegen !important nun in Deiner global.css überschreiben kannst.
Hier kannst Du nun je nach Bildschirmgröße bei max-width Deine persönlichen Anweisungen setzen.

Das betrifft den Container. Andere Elemente müssen ggf. ebenfalls angepasst werden.
Zitieren