657
Segítsük egymást
Ha háttérnek képet akarsz beilleszteni: link (ami alatta van normál betűtípussal, Code-ban lévő szöveg le lett vágva!)
Ha háttér színét akarod megváltoztatni: body{background:orange!important;} /link
Ha ki szeretnéd emelni a bannerban a linkeket: link
Ha a 'fehér csík' helyett más színt szeretnél: link

Kicsit hosszabb leírás link

MerlinW által összegyűjtött scriptek
TOPIC DESIGN KÉSZÍTŐ by Sg modcsapat!
SG TOOLS
  • j0nNyKa
    #657
    ihol van segitseg
  • TBTPumpa
    #656
    Sziasztok!

    Visszaszámlálót hogyan tudok tenni egy topic banner részébe?

    Előre is köszönöm a segítséget!
    Utoljára szerkesztette: TBTPumpa, 2018.07.30. 22:04:22
  • Malakai
    #655
    Ha mondjuk nem akarod eltávolítani azt a részét a szövegnek, akkor a quantifier feleslegesnek tűnik a regexp-ben.

    CSS selector nincs erre, szövegre, tartalomra nem lehet szűrni.

    Két küldés gomb elméletben lehetségesnek kell lennie, hogy automatikusan beszúrja a kellő szöveget mielőtt elküldi.
  • Jim Morrison
    #654
    Ez itten egy régebbi kis snipet


    $(".post .body").each(function( ) {
    var isMatch = /^(@XPLANE|@XP)+/.test($.trim($(this).text()));
    if(isMatch) {
    $(this).css("background-color", "antiquewhite");
    }
    });


    Annyit csinál, hogyha @XPLANE -el kezdődik a hsz (vagy @XP), akkor megváltoztatja a háttérszínét a hozzászólásnak.
    biztos van jobb, hogy csak css-el meg lehet-e csinálni nem tudom (hogy van e hozzá megfelelő selector)

    itt most működik
    Utoljára szerkesztette: Jim Morrison, 2018.05.16. 14:27:35
  • Hont
    #653
    Köszi!
    Ez jó ötlet!
  • j0nNyKa
    #652
    nem. vagy legyen kulon topicjuk, vagy vezessetek be olyat hogy valamilyen karaktersorozattal kezditek a temakat, pl @P3D es @XPLANE es ezekre mar lehet beallitani kulonbozo css-t
  • Hont
    #651
    Sziasztok!
    Egy kérdés!
    A P3D topikban bevettük az X-Plane szimulátor témáját is!
    Nagyon zavaró, mikor végig kell olvasni, hogy most az aktuális hozzászólás melyik témával kapcsolatos!
    Esetleg nem lehet egy olyat csinálni, hogy két "küldés" gomb lenne. Egy P3D és egy X-plane? Aztán a hozzászólások háttere esetleg más árnyalatún jelenne meg...?
  • LeWyTy
    #650
    Hát én próbálom de nem látom át minek mi a színe
  • Szabi #649
    bemásolod pl. jegyzettömbbe, végignézed hogy melyik színek ismétlődnek gyakran, a színkódot bemásolod pl. ide, így látod hogy az milyen szín.. majd keresel helyette egy másik színt, jegyzettömbbe ctrl+h, felülre a régi szín kódja, alulra az új majd az összes cseréje :D

    nem szeretek tesztelni.. :p
    Utoljára szerkesztette: SZABl, 2017.12.21. 21:26:33
  • LeWyTy
    #648
    Sziasztok kérhetnék egy kis segítséget valaki hozzáértőtől? Én egyszerűen nem látom át mi micsoda.
    EZ lenne az alap:
    SPOILER! Kattints ide a szöveg elolvasásához!
    body {
    background:#144 url(http://vignette3.wikia.nocookie.net/stardewvalley/images/5/50/Wiki-background/revision/latest?cb=20140123174700) no-repeat center;
    background-attachment:fixed;
    color:#1eb8e4!important;
    font-family:Arial;
    font-size:14px;
    }

    #header-top {
    height:initial;
    }

    #content {
    padding:0 0 50px;
    background-color:rgba(0,0,0,0.7)!important;
    }

    #breadcrumb nav {
    margin-top:2px;
    }

    #breadcrumb select {
    font-size:10px;
    }

    #breadcrumb {
    background-color:#1B1B1B;
    padding:5px 0 2px 20px;
    color:#fff;
    }

    #topic-panel {
    margin-top:3px;
    }

    .moderation-breadcrumbs button {
    margin:-2px 18px 0 4px;
    }

    .light-border-bottom {
    border:0;
    }

    #topic-information {
    border:0;
    margin:0;
    padding:0;
    }

    div#menu {
    border-bottom:1px solid #000;
    height:36px;
    }

    div#menu ul {
    list-style:none;
    width:950px;
    padding-left:0;
    margin-top:-3px;
    }

    div#menu li {
    float:left;
    position:relative;
    width:237.5px;
    }

    div#menu li:last-child a {
    border-right:0;
    }

    div#menu a {
    background:#ffa84c;
    background:linear-gradient(to bottom,#262626 0%,#262626 100%);
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    color:#fff;
    display:block;
    padding:10px 20px;
    text-align:center;
    transition:all .25s ease;
    border-right:2px solid #000;
    text-decoration:none;
    }

    div#menu li:hover a {
    background:#1eb8e4;
    background:linear-gradient(to bottom,#1eb8e4 0%,#1eb8e4 100%);
    color:#fff;
    text-shadow:1px 1px 2px rgba(1,1,1,0.5);
    }

    div#menu li ul {
    float:left;
    left:0;
    opacity:0;
    position:absolute;
    top:30px;
    visibility:hidden;
    transition:all .25s;
    }

    div#menu li:hover ul {
    opacity:1;
    top:45px;
    visibility:visible;
    }

    div#menu li ul li {
    float:none;
    width:100%;
    background:#202020;
    font-weight:400;
    font-size:15px;
    }

    div#menu li ul li a {
    border:0;
    background:#000!important;
    }

    div#menu li ul li a:hover {
    background:#4f4f4f!important;
    }

    div#menu ul:first-child:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }

    #form-post,#forum-posts-list,#forum-not-logged,#forum-no-posts {
    margin:0;
    }

    #form-post.full textarea {
    width:950px;
    padding-left:0;
    border-left-width:0;
    border-right-width:0;
    padding-right:0;
    background-color:rgba(100,100,100,0.5);
    border-bottom:2px solid #000;
    color:#DFDFDF;
    }

    #form-post textarea,#messages-block textarea {
    border:1px solid #000;
    }

    div#forum-codes {
    margin-bottom:0;
    margin-top:-14px;
    }

    #forum-codes button.smallButton {
    width:112px;
    height:36px;
    margin:2px -4px 10px 0;
    border-bottom:2px solid #000;
    border-right:2px solid #000;
    }

    #forum-codes-emoticons {
    background-color:rgba(0,0,0,0.8);
    border-radius:0;
    }

    .btn.btn-info.btn-sg.smallButton {
    background-color:#262626;
    border-color:#262626;
    transition:all .25s ease;
    }

    .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
    background-color:#1eb8e4!important;
    text-shadow:1px 1px 2px rgba(1,1,1,0.5);
    }

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

    #post-submit {
    background-color:#262626;
    margin-top:-46px;
    font-size:14px;
    padding:2px 9px;
    width:166px;
    height:36px;
    border-bottom:2px solid #000;
    }

    .alert {
    margin-bottom:0;
    border-radius:0;
    }

    .alert-info {
    color:#FFF;
    background-color:#262626;
    border-color:#000;
    }

    .alert-danger {
    color:#a94442;
    background-color:#262626;
    border-color:#000;
    }

    #forum-posts-list .header,#forum-posts-list .post-answer .header {
    background-color:#262626;
    }

    #forum-posts-list .body {
    background:rgba(0,0,0,0.8);
    color:#DFDFDF;
    }

    #forum-posts-list ul.post-answer {
    background:rgba(0,0,0,0.7);
    }

    #forum-posts-list .footer {
    background:rgba(0,0,0,0.7);
    color:rgba(255,255,255,0.6);
    border:none;
    }

    nav.pagination a.current {
    color:#FFF;
    }

    #jump-last-read,#forum-new-topic-link,#forum-new-messages {
    background-color:#262626;
    color:#FFF;
    border:0;
    }

    #jump-last-read:hover,#forum-new-topic-link:hover,#forum-new-messages:hover {
    background-color:#262626;
    color:#FFF;
    border:0;
    }

    #topic-information .bb-spoiler {
    width:99%;
    color:#1eb8e4;
    border:0;
    }

    Itt tesztelgettem.

    Világosabbra kellene csinálni hogy menjen a témába, de én egyszerűen nem látom át mi micsoda és tiszta kayvasz lesz belőle. A banner részét vlahogy meg tudom csinálni én is.
    Ha valaki segítene az megköszönném.
    Utoljára szerkesztette: LeWyTy, 2017.12.21. 19:09:40
  • Zephyr Retiring
    #647
    Vettem.
  • Jim Morrison
    #646
    Moderator figyelmebe topikba ird.
  • Zephyr Retiring
    #645
    Üdv. Nem tudom jó helyen járok-e, de ezt a bannert szeretném ebbe a most nyitott topikba berakatni.

    Ha bármit eltoltam itt, vagy ott (topikcím, ilyesmi) majd kiigazítjátok
    Hasznos munkát
  • Hont
    #644
    Sikerült megoldanom http://pollbagel.com/ !
    Beraktam a menűbe a linket és kész...
  • j0nNyKa
    #643
    használj valami más freepoll cuccot, ez bénán embedel
  • Hont
    #642
    Ja bocs!
    Prepar3D
  • j0nNyKa
    #641
    topicot linkelhetnél
  • Hont
    #640
    Köszi!
    Sikerült megcsinálnom, de nem tudom a beillesztést megcsinálni! :(
    A HTML ablakba kell gondolom, de nekem sajnos nem egyértelmű!

    Ez a cím:
    http://www.easypolls.net/poll.html?p=59158f5de4b051d94132ecc8

    Ez pedig a script:
    <script type="text/javascript" src="http://www.easypolls.net/ext/scripts/emPoll.js?p=59158f5de4b051d94132ecc8"></script><a class="OPP-powered-by" href="http://www.objectplanet.com/opinio/" style="text-decoration:none;"><div style="font: 9px arial; color: gray;">survey tool</div></a>
    Valamiért még sem jó...
  • j0nNyKa
    #639
    https://www.easypolls.net/
  • Hont
    #638
    Sziasztok!
    Kénytelenek vagyunk megszavaztatni ezt az topik összevonást!
    Vannak akik szeretnék, vannak akik ellenzik!
    Hogyan lenne a legegyszerűbb egy max 3 lehetőségből álló szavazást betenni az oldalra?
    - Költözzön külön
    - Elfér itt is
    - Egyéb ötlet
    Nagyon köszönöm előre is!
  • Hont
    #637
    A kisvasút az tetszik...:)
    Megcsináltam, jó volt az ötlet!
    De komolyan, mások is panaszkodnak. :(
    Köszönöm szépen!
    Utoljára szerkesztette: Hont, 2017.05.09. 17:57:16
  • j0nNyKa
    #636
    üríts cache-t, vagy menj el az obiba
  • Hont
    #635
    Sziasztok!
    Erre az OBI-s förmedvényre van valami megoldás?
    Üdv:
    S.
  • Hont
    #634
    Köszönöm szépen!
    Valószínű ez lesz a megoldás!
  • j0nNyKa
    #633
    esetleg át lehet helyezni a 2 kevésbé használtat a "saját fórumok" részre OFF megjelöléssel, a 3. meg marad a helyén, aktívan használva
    ez így azt eredményezi amit keresel?
  • Hont
    #632
    Az igazat megvallva, pont ebben kértem volna ki a véleményeteket...
    A háromból kell egyet csinálni, de úgy hogy a maradék kettő is megmaradjon archívumnak.
    Tudom,hogy nem ez ennek a forumnak a témája, de benneteket "ismerlek" és eddig többnyire mindig sikerült mindent megoldanunk...
  • j0nNyKa
    #631
    egyelőre, és még mindig nehezen érthető
    hozzászólásokat mozgatnál át 3 topicból az egyikbe? vagy egy újba? vagy csak egyszerűen az egyik fejlécébe linkelnéd a másik kettő urljét? vagy valami tökmás?
  • Hont
    #630
    Egyenlőre a véleményetek érdekelt volna!
    Én megpróbálok mindig maximális tisztelettel Hozzátok intézni olyan kérdéseket amiket én nem vagyok képes önállóan első nekifutásra megválaszolni!
    TI értetek hozzá! (Én máshoz értek)
    Most is az érdekelt volna, hogy volt-e már itt az SG-n ilyen, hogy több hasonló témájú topikot össze vontak, mivel ugyan azok az emberek járnak mind a háromba és így feleslegessé válik három helyre bemászkálni nap mint nap, mikor kb ugyan az a téma!
    De bezárni ill megszüntetni nem akarjuk, mert sokan vissza járunk a hasznos leírások ill információk miatt!
    Ezért az merült fel elvi síkon, hogy az aktív topiknak megváltoztatjuk a felületét (kibövitjük a másik két topik címével és menüjével.
    (esetleg az alvó topikok direkt linkjeivel!)
  • j0nNyKa
    #629
    értem, és a topicban mit akarsz?
  • Hont
    #628
    Tőled ? Max több tiszteletet!
    Kritikán aluli a hozzá állásod és a stílusod!
  • j0nNyKa
    #627
    én nem értem mit akarsz
    mit akarsz? :)
  • Hont
    #626
    Sziasztok!
    Gondolkodunk 3 topik közösítésén!
    FSX
    FS2004
    P3D
    Per pillanat a P3D a legaktívabb! A Másik kettő annyira már nem!
    Arra gondoltunk, hogy valahogy a 3-ból kellene egyet csinálni.
    Kérdésem, hogy volt már valami hasonló próbálkozás?
    Vagy egyszerűen hagyjuk meg a két régit arhivumnak és az aktívnak csináljunk egy új bannert a három címmel?
    Szerintetek melyik lenne a célravezetőbb?
  • Jim Morrison
    #625
  • Roger6
    #623
    Sziasztok, tiszteletem mindenkinek! Jómagam nem nagyon értek a topic design-oláshoz, úgyhogy szeretnék megkérni valakit, hogy segítsen nekem helyrepofozni egyet.

    Aki érez erőt a továbbiakhoz, az a Spoiler-ben találhatja meg a kérésemet, elképzelésemet ezzel kapcsolatban.

    SPOILER! Kattints ide a szöveg elolvasásához!

    Először is szeretném megköszönni, hogy lenyitottad ezt a részt, és elkezdted olvasni. Elkészítettem minden anyagot a kinézethez, amelyeket remélhetőleg a megfelelő formátumban el is mentettem, ámbátor nem igazán értek ezekhez a webes cuccokhoz.

    A topic, amiről szó van: Heroes and Generals

    Azt hiszem két fontos dolog lenne, remélem megvalósítható mindegyik:

    1.: a topic design-ját egy kapcsolóval vissza lehetne alakítani az alapra, így aki telefonról böngészik vagy lassú nettel, annak sem tart majd évekig betölteni az oldalt

    2.: a háttér nem állandó lenne, hanem minden belépésnél 3 képből válogatna - ezt a 3 képet full HD felbontásban mentettem el, linkek lejjebb.

    Látványterv JPG-ben: Link JPG
    Látványterv PSD-ben, hátha segít valamennyit: Link PSD

    Háttér 1: Link GER
    Háttér 2: Link US
    Háttér 3: Link SU

    Heroes and Generals Logó: Link - logo

    Itt pedig egyben az egész anyag, tömörített formátumban: Link ZIP

    Nem tudom megoldható, vagy lesz-e rá vállalkozó, de elég hálás lennék érte.
    Előre is köszönöm a segítséget!
  • RoboKutya78
    #622
    oksi köszi mondom hogy rémlett valami:)Csak még majd azt kell akkor kitalálnom hogy a játékból hogy tudok sketch filet konvertálni:)
  • Jim Morrison
    #621
    hozzáadtam a scriptet a space engineers topikba, ha jól láttam ott próbálkoztál már vele.
  • Jim Morrison
    #620
    sketchfab támogatása:
    share - bbcode verziót másold be és azt illeszd be a hozzászólásba.


    $("#forum-posts-list section.body").each(function() {
    var reg = /\[sketchfab]([a-z0-9]{32})\[\/sketchfab\]/g;
    if ($(this).html().match(reg)) {
    $(this).html($(this).html().replace(reg, '<iframe width="640" height="480" src="https://sketchfab.com/models/$1/embed" frameborder="0" allowvr allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>'));


    }
    });


    itt kipróbálhatod
    Utoljára szerkesztette: Jim Morrison, 2017.01.13. 18:54:20
  • RoboKutya78
    #619
    olyan kérdés hogy a https://sketchfab.com oldalon található 3d-s modellbemutató ablakok beillesztésére van vaklami hasonló megoldás?
    Úgy rémlik mitha már kérdeztem volna ezt egyszer de akkor nem volt még rá megoldás.
  • RoboKutya78
    #618
  • Jim Morrison
    #617
    Kis apróság, jelenleg külön kód kell hozzá topikokba, de talán majd bővítmény része lesz (kétlem, mert nem gyakori eset):
    Soundcloud beágyazás támogatása! Share-Embed-Wordpress kód kell, azt bemásoljátok és kész, frankón meg fog jelenni:
    megtekinthető itt és itt

    kód hozzá:

    $("#forum-posts-list section.body").each(function() {
    var reg = /\[soundcloud .*url="(.*)(?=").*\/]/g;
    if ($(this).html().match(reg)) {
    $(this).html($(this).html().replace(reg, '<iframe width="100%" height="130" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=$1&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>'));



    }
    });

    Utoljára szerkesztette: Jim Morrison, 2017.01.13. 18:06:17