MSG Posted January 30, 2017 Report Posted January 30, 2017 Salut, cum aş putea să fac să apară pe tema mea asta: http://prntscr.com/e2eu9g Şi cum pot modifica bara acesta să arate aşa? http://prntscr.com/e2ev8d
SHINELCO Posted January 30, 2017 Report Posted January 30, 2017 (edited) Pentru prima chestie trebuie sa faci asa: Intri ACP - Look & Feel - Tema Folosita de tine - CSS - ipb_style.css Si cauti guestMessage si inlocuiesti tot codul guestMessage cu cel de jos: Reveal hidden contents /**********************************************************************************/ /* Guest Message */ .guestMessage{background:#202020;background-image:url("AICI INTRODUCI LINK DE LA IMAGINE");background-size:cover;color:#ddd;font-family:'Roboto',sans-serif;font-size:13px;line-height:140%;margin-bottom:10px;padding:20px;height:250px;text-shadow:rgba(0,0,0,0.25) 0px -1px 0px}.guestMessage a{color:#fff;text-decoration:none;border-bottom:1px solid #bcbcbc}.ipbfs_login h4{padding:10px;font-weight:bold;font-size:14px;background:#222 url('https://www.b-game.ro/forum/public/resurse/highlight_reallyfaint.png') repeat-x 0 0;border-bottom:1px solid #393939}.ipbfs_login .ipsForm_submit{margin-top:0}.ipbfs_login .ipsBox_notice{margin:0}.ipbfs_login_col{float:left;width:279px;padding:15px 10px}.ipbfs_login_col a:hover{text-decoration:underline}.ipbfs_login_row{overflow:hidden}.ipbfs_login_row label{font-size:1.15em}.ipbfs_login .input_submit{font-size:13px}.ipbfs_login_input{padding:6px 0px 6px 28px;font-size:14px;margin-top:10px;width:250px}.ipbfs_luser{background-image:url("https://b-game.ro/forum/public/resurse/user.png");background-repeat:no-repeat;background-position:7px 50%}.ipbfs_lpassword{background-image:url("https://www.b-game.ro/forum/public/resurse/key.png");background-repeat:no-repeat;background-position:7px 50%}.ipbfs_titlebox .desc{padding:3px 0}.ipbfs_titlebox{background:#202020;border:1px solid #242424;border-top:1px solid #303030;text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:10px;overflow:hidden}.content_border{border:1px solid #393939} /**********************************************************************************/ Unde scrie Aici introduci etc... acolo trebuie sa pui Link de la imaginea care vrei sa fie afisata. Iar pentru chestia a-2-a intri tot in Style.css si jos de tot adaugi urmatorul cod: ::-webkit-scrollbar { width: 4px;height:4px; } ::-webkit-scrollbar-track { background-color:#303030; } ::-webkit-scrollbar-thumb { Introduci scriptul si gata, daca vrei modficari de culori le poti face etc... Reveal hidden contents Edited January 30, 2017 by SHINELCO 1
MSG Posted January 30, 2017 Author Report Posted January 30, 2017 On 1/30/2017 at 9:31 PM, SHINELCO said: Pentru prima chestie trebuie sa faci asa: Intri ACP - Look & Feel - Tema Folosita de tine - CSS - ipb_style.css Si cauti guestMessage si inlocuiesti tot codul guestMessage cu cel de jos: Reveal hidden contents /**********************************************************************************/ /* Guest Message */ .guestMessage{background:#202020;background-image:url("AICI INTRODUCI LINK DE LA IMAGINE");background-size:cover;color:#ddd;font-family:'Roboto',sans-serif;font-size:13px;line-height:140%;margin-bottom:10px;padding:20px;height:250px;text-shadow:rgba(0,0,0,0.25) 0px -1px 0px}.guestMessage a{color:#fff;text-decoration:none;border-bottom:1px solid #bcbcbc}.ipbfs_login h4{padding:10px;font-weight:bold;font-size:14px;background:#222 url('https://www.b-game.ro/forum/public/resurse/highlight_reallyfaint.png') repeat-x 0 0;border-bottom:1px solid #393939}.ipbfs_login .ipsForm_submit{margin-top:0}.ipbfs_login .ipsBox_notice{margin:0}.ipbfs_login_col{float:left;width:279px;padding:15px 10px}.ipbfs_login_col a:hover{text-decoration:underline}.ipbfs_login_row{overflow:hidden}.ipbfs_login_row label{font-size:1.15em}.ipbfs_login .input_submit{font-size:13px}.ipbfs_login_input{padding:6px 0px 6px 28px;font-size:14px;margin-top:10px;width:250px}.ipbfs_luser{background-image:url("https://b-game.ro/forum/public/resurse/user.png");background-repeat:no-repeat;background-position:7px 50%}.ipbfs_lpassword{background-image:url("https://www.b-game.ro/forum/public/resurse/key.png");background-repeat:no-repeat;background-position:7px 50%}.ipbfs_titlebox .desc{padding:3px 0}.ipbfs_titlebox{background:#202020;border:1px solid #242424;border-top:1px solid #303030;text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:10px;overflow:hidden}.content_border{border:1px solid #393939} /**********************************************************************************/ Unde scrie Aici introduci etc... acolo trebuie sa pui Link de la imaginea care vrei sa fie afisata. Iar pentru chestia a-2-a intri tot in Style.css si jos de tot adaugi urmatorul cod: ::-webkit-scrollbar { width: 4px;height:4px; } ::-webkit-scrollbar-track { background-color:#303030; } ::-webkit-scrollbar-thumb { Introduci scriptul si gata, daca vrei modficari de culori le poti face etc... Reveal hidden contents Expand http://prntscr.com/e2fclc - nu apar butoanele iar textul intră peste poză.
SHINELCO Posted January 30, 2017 Report Posted January 30, 2017 (edited) Introdu si acest cod in style css, pentru butoane Reveal hidden contents .guestButt { display: inline-block; float: left; width: 90px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 21px; background: #fff; color: #1a1a1a; margin-right: 10px; transition: all 0.2s; } Si asta introduci in Global Tamplete la Guest Message si tot de acolo iti aranjezi si cum vrei sa fie textul. Reveal hidden contents <div id='content' class='clearfix'> <if test="($this->settings['guestMessage']=='yes') AND !($this->memberData['member_id'])"> <div class="guestMessage"> <div class="guestTitle">Welcome to OG-Times.ro - Old memories always the best!</div> <div class="guestMess"> Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=login">login here</a> - otherwise <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=register">create an account</a> for free today! </div> <div class="guestButts"> <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=login"><div class="guestButt"> Login </div> </a> <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=register"><div class="guestButt"> Register </div> </a> </div> </div> Edited January 30, 2017 by SHINELCO 1
MSG Posted January 30, 2017 Author Report Posted January 30, 2017 (edited) On 1/30/2017 at 10:16 PM, SHINELCO said: Introdu si acest cod in style css, pentru butoane Reveal hidden contents .guestButt { display: inline-block; float: left; width: 90px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 21px; background: #fff; color: #1a1a1a; margin-right: 10px; transition: all 0.2s; } Si asta introduci in Global Tamplete la Guest Message si tot de acolo iti aranjezi si cum vrei sa fie textul. Reveal hidden contents <div id='content' class='clearfix'> <if test="($this->settings['guestMessage']=='yes') AND !($this->memberData['member_id'])"> <div class="guestMessage"> <div class="guestTitle">Welcome to OG-Times.ro - Old memories always the best!</div> <div class="guestMess"> Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=login">login here</a> - otherwise <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=register">create an account</a> for free today! </div> <div class="guestButts"> <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=login"><div class="guestButt"> Login </div> </a> <a href="http://forum.og-times.ro/index.php?app=core&module=global&section=register"><div class="guestButt"> Register </div> </a> </div> </div> Expand Am reuşit ,dar cum pot să le pun mai jos? http://prntscr.com/e2fsap Edited January 30, 2017 by MSG
SHINELCO Posted January 30, 2017 Report Posted January 30, 2017 Foloseste coamanda <br> intre codul textului si codul butoanelor. Si butoanele vor merge mai jos. 1
MSG Posted January 30, 2017 Author Report Posted January 30, 2017 On 1/30/2017 at 10:37 PM, SHINELCO said: Foloseste coamanda <br> intre codul textului si codul butoanelor. Si butoanele vor merge mai jos. Expand Am rezolvat ambele probleme, T/C.
Alexandru C. Posted January 31, 2017 Report Posted January 31, 2017 Pentru scrollbar,foloseste-te de acest tutorial. a lot of bla bla bla...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now