Jump to content

Advertisement

Luca Munich

Enthusiast
 View Profile  See their activity

  • Posts

    235

  • Joined

  • Last visited

  • Days Won

    45

 Content Type 

Everything posted by Luca Munich

  1. Luca Munich
    Maybe your messenger templates is blank. Please share the code with us
  2. Luca Munich
    Problem solved, thanks @RoSiCkY
  3. Luca Munich
    I'm trying to make something like this: I had sent you my custom code in PM. If you can help me, I thank you
  4. Luca Munich
    Hello guys, How can I restric an CSS code for some groups? I already tried with this code bellow, but I don't know other way: {{if in_array( \IPS\Member::loggedIn()->member_group_id, array( 2, 4, 6 ) )}}
  5. Luca Munich
    Enable your commerce application
  6. Luca Munich
    @Problem resolved
  7. Luca Munich
    Skype: lucas.allexandre
  8. Luca Munich
    Hello guys, How can I put multiple profile fields in the same row? (Like on here)
  9. Luca Munich
    Nice phun <3 Can you put a "codepen.io" too please?
  10. Luca Munich

    Hello

    Luca Munich replied to a topic in Member Introductions

    Welcome to WF
  11. Luca Munich
    I have a lot of friends who uses Nulled Versions and its working without problems
  12. Luca Munich
    Yes, this code wil work better
  13. Luca Munich
    Do you have skype? If yes, please add me: lucas.allexandre
  14. Luca Munich
    <div class="roundedphoto"> "Your code" </div> <style> .roundedphoto { border-radius: 100%; } </style>
  15. Luca Munich
    Did you read this?
  16. Luca Munich
    ACP > Themes > Your theme > Edit html > Core/Front/Global/UserBar Now, find this line: {template="userPhoto" group="global" app="core" params="\IPS\Member::loggedIn(), 'tiny'"} And put a tag for this css: .roundedphoto { border-radius: 100%; }
  17. Luca Munich
    IPB 4ever
  18. Luca Munich
    You want only a rounded photo?
  19. Luca Munich
    Hello guys, This is my page of my Discord bot. http://kermitbot.devunit.org See the Pen &amp;amp;amp;amp;lt;a data-cke-saved-href='http://codepen.io/devunit/pen/PGkkdv/' href='http://codepen.io/devunit/pen/PGkkdv/'&amp;amp;amp;amp;gt;KermitBOT Page&amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;gt; by Luca Alexandre (&amp;amp;amp;amp;lt;a data-cke-saved-href='http://codepen.io/devunit' href='http://codepen.io/devunit'&amp;amp;amp;amp;gt;@devunit&amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;gt;) on &amp;amp;amp;amp;lt;a data-cke-saved-href='http://codepen.io' href='http://codepen.io'&amp;amp;amp;amp;gt;CodePen&amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;gt;. HTML: <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Kermit BOT</title> <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Pacifico'> <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900'> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="accordion-wrap"> <div class="accordion"> <a href="#" class="active"><i class="fa fa-user"></i> Who I am</a> <div class="sub-nav active"> <div class="html about-me"> <div class="photo"> <div class="photo-overlay"> <span class="plus">+</span> </div> </div> <h4>Kermit</h4> <p>Hi, I'm Kermit BOT. I'm here to help you with a lot of thins on your Discord server.</p> <div class="social-link"> <a class="link link-twitter" href="https://twitter.com/munichluca" target="_blank"><i class="fa fa-twitter"></i></a> <a class="link link-codepen" href="http://codepen.io/devunit/" target="_blank"><i class="fa fa-codepen"></i></a> <a class="link link-facebook" href="https://www.facebook.com/profile.php?id=100004488608552" target="_blank"><i class="fa fa-facebook"></i></a> <a class="link link-dribbble" href="http://devunit.org" target="_blank"><i class="fa fa-globe"></i></a> </div> </div> </div> <a href="#"><i class="fa fa-life-ring"></i> Helpful links</a> <div class="sub-nav"> <a target="_blank" href="http://devunit.org">DevUnit.org <span class="pull-right alert-numb"><i class="fa fa-globe" aria-hidden="true"></i></span></a> <a target="_blank" href="http://devunit.org/contact/">Contact <span class="pull-right alert-numb"><i class="fa fa-envelope-o" aria-hidden="true"></i></span></a> <a target="_blank" href="https://discord.gg/eYxj5rB">Our discord server <span class="pull-right alert-numb"><i class="fa fa-weixin" aria-hidden="true"></i></span></a> <a target="_blank" href="https://www.facebook.com/devunitcommunity/">Facebook <span class="pull-right alert-numb"><i class="fa fa-facebook-square" aria-hidden="true"></i></span></a> <a target="_blank" href="https://twitter.com/munichluca">Twitter <span class="pull-right alert-numb"><i class="fa fa-twitter-square" aria-hidden="true"></i></span></a> <a target="_blank" href="http://devunit.org/profile/1-luca/">Owner of Kermit <span class="pull-right alert-numb"><i class="fa fa-heart" aria-hidden="true"></i></span></a> </div> <a href="#"><i class="fa fa-check-square"></i> Invite me</a> <div class="sub-nav"> <div class="html invite"> <p>I would like to join <span class="dribbble">Discord</span> community</p> <p>Could you please invite me?</p> <a class="btn" href="https://discordapp.com/oauth2/authorize?client_id=224596342549381120&scope=bot" target="_blank">INVITE ME</a> </div> </div> </div> </div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script> <script src="js/index.js"></script> </body> </html> CSS: body{ margin:0; color:#444; background:#F0C27B; font:400 16px/18px Roboto, sans-serif; } *,:after,:before{box-sizing:border-box} .pull-left{float:left} .pull-right{float:right} .clearfix:after,.clearfix:before{content:'';display:table} .clearfix:after{clear:both;display:block} .accordion-wrap{ top:0; left:0; right:0; bottom:0; padding:15px; position:fixed; background:-webkit-linear-gradient(90deg, #F0C27B 10%, #4B1248 90%); background:-webkit-linear-gradient(0deg, #F0C27B 10%, #4B1248 90%); background:linear-gradient(90deg, #F0C27B 10%, #4B1248 90%); } .accordion{ width:100%; margin:auto; max-width:280px; overflow:hidden; border-radius:3px; background:#B7AFA3; box-shadow:0 17px 50px 0 rgba(0,0,0,.19),0 12px 15px 0 rgba(0,0,0,.24); } .accordion>a{ color:#374046; padding:15px; display:block; text-decoration:none; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .accordion>a:not(:last-child){ border-bottom:1px solid rgba(0,0,0,.2); } .accordion>a:hover, .accordion>a.active{ background:#E8D0A9; } .accordion>a.active{ color:#B77F24; } .accordion>a>.alert-numb, .accordion>.sub-nav>a>.alert-numb{ color:#eee; right:10px; height:22px; min-width:40px; font-size:12px; font-weight:600; line-height:22px; border-radius:15px; text-align:center; background:#665e51; } .accordion>a.active>.alert-numb, .accordion>.sub-nav>a.active>.alert-numb{ background:#d0a051; } .accordion .sub-nav{ display:none; color:#374046; overflow:hidden; background:#ecf0f1; } .accordion .sub-nav.open{ display:block; } .accordion .sub-nav a{ display:block; color:inherit; font-weight:300; padding:10px 15px; text-decoration:none; -webkit-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s; } .accordion .sub-nav a:not(:last-child){ border-bottom:1px solid rgba(0,0,0,.1); } .accordion .sub-nav a:hover{ background:#c2ced1; box-shadow:5px 0 0 #8ca3a8 inset; } .accordion .html{ padding:15px; } .accordion .about-me{ text-align:center; position:relative; } .accordion .about-me h4{ margin-bottom:0; } .accordion .about-me p{ font-size:14px; font-weight:300; margin-bottom:0; } .accordion .about-me .photo{ width:95px; height:95px; margin:auto; overflow:hidden; border-radius:50%; position:relative; border:4px solid #fff; box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2); background:url(http://i.imgur.com/Fj43CWr.png) no-repeat center; } .accordion .about-me .photo .photo-overlay{ top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; position:absolute; background:rgba(0,0,0,.4); } .accordion .about-me .photo .photo-overlay .plus{ top:50%; left:50%; width:30px; height:30px; color:#1a1a1b; cursor:pointer; font-size:24px; font-weight:100; margin-top:-15px; margin-left:-15px; position:absolute; line-height:30px; border-radius:50%; text-align:center; background:#e8d0a9; -webkit-transform:scale(0) rotate(0); transform:scale(0) rotate(0); -webkit-transition:all .1s ease-in-out 0s; transition:all .1s ease-in-out 0s; } .accordion .about-me .photo:hover .photo-overlay{ opacity:1; visibility:visible; } .accordion .about-me .photo:hover .photo-overlay .plus{ -webkit-transform:scale(1) rotate(90deg); transform:scale(1) rotate(90deg); } .accordion .about-me .social-link{ top:0; left:0; right:0; bottom:0; opacity:0; padding-top:48px; visibility:hidden; position:absolute; background:rgba(0,0,0,.3); -webkit-transition:opacity .5s ease-in-out 0s; transition:opacity .5s ease-in-out 0s; } .accordion .about-me .social-link.active{ opacity:1; visibility:visible; } .accordion .about-me .social-link .link{ width:30px; padding:0; color:#eee; height:30px; margin:0 4px; line-height:28px; border-radius:50%; display:inline-block; -webkit-transform:translateY(-80px) scale(0); transform:translateY(-80px) scale(0); border:1px solid rgba(0,0,0,.2); } .accordion .about-me .social-link .link-twitter{ background:#55acce; } .accordion .about-me .social-link .link-codepen{ background:#1a1a1b; } .accordion .about-me .social-link .link-facebook{ background:#3b5998; } .accordion .about-me .social-link .link-dribbble{ background:#ea4c89; } .accordion .about-me .social-link .link:hover{ box-shadow:none; } .accordion .about-me .social-link.active .link{ -webkit-transform:translateY(0) scale(1); transform:translateY(0) scale(1); } .accordion .about-me .social-link.active .link:nth-child(1){ -webkit-transition-duration:.1s; transition-duration:.1s; } .accordion .about-me .social-link.active .link:nth-child(2){ -webkit-transition-duration:.2s; transition-duration:.2s; } .accordion .about-me .social-link.active .link:nth-child(3){ -webkit-transition-duration:.3s; transition-duration:.3s; } .accordion .about-me .social-link.active .link:nth-child(4){ -webkit-transition-duration:.4s; transition-duration:.4s; } .accordion .about-me .social-link.active .link:nth-child(5){ -webkit-transition-duration:5s; transition-duration:5s; } .accordion .about-me.blur p, .accordion .about-me.blur h4, .accordion .about-me.blur .photo{ -webkit-filter:blur(2px); filter:blur(2px); } .accordion .chat .user:not(:last-child){ margin-bottom:10px; } .accordion .chat .user .photo{ width:40px; height:40px; font-size:24px; line-height:36px; text-align:center; position:relative; border-radius:3px; display:inline-block; border:1px solid rgba(0,0,0,.2); } .accordion .chat .user .photo:before, .accordion .chat .user .photo:after{ content:''; opacity:0; visibility:hidden; position:absolute; -webkit-transition:opacity .4s ease-in-out 0s; transition:opacity .4s ease-in-out 0s; } .accordion .chat .user .photo:before{ left:50%; width:60px; bottom:50px; padding:4px; font-size:12px; line-height:14px; margin-left:-30px; text-align:center; background:#333333; border-radius:4px; word-break:break-all; content:attr(data-username); } .accordion .chat .user .photo:after{ left:50%; bottom:35px; margin-left:-8px; border:8px solid transparent; border-top:8px solid #333333; } .accordion .chat .user .photo:hover:before, .accordion .chat .user .photo:hover:after{ opacity:1; visibility:visible; } .accordion .chat .user.user-dribble .photo{ color:#fff; margin-right:5px; background:#32b4c3; } .accordion .chat .user .text-msg{ max-width:70%; font-size:13px; padding:4px 8px; background:#fff; border-radius:4px; display:inline-block; border:1px solid #cdd6d8; } .accordion .chat .user.user-khadkamhn .text-msg{ background:#dce2e4; } .accordion .invite{ text-align:center; } .accordion .invite .dribbble{ display:block; color:#32b4c3; margin:10px 0; font-size:24px; font-family:Pacifico; } .accordion .invite .btn{ color:#eee; font-weight:500; background:#ccc; padding:10px 15px; border-radius:2px; background:#32b4c3; display:inline-block; text-transform:uppercase; } .accordion .invite .btn:hover{ box-shadow:none; background:#1d7882; } JS: $(function(){ Profile.load(); }); Profile = { load:function(){ this.links(); this.social(); this.accordion(); }, links:function(){ $('a[href="#"]').click(function(e){ e.preventDefault(); }); }, social:function(){ $('.accordion .about-me .photo .photo-overlay .plus').click(function(){ $('.social-link').toggleClass('active'); $('.about-me').toggleClass('blur'); }); $('.social-link').click(function(){ $(this).toggleClass('active'); $('.about-me').toggleClass('blur'); }); }, accordion:function(){ var subMenus = $('.accordion .sub-nav').hide(); $('.accordion > a').each(function(){ if($(this).hasClass('active')){ $(this).next().slideDown(100); } }); $('.accordion > a').click(function(){ $this = $(this); $target = $this.next(); $this.siblings('a').removeAttr('class'); $this.addClass('active'); if(!$target.hasClass('active')){ subMenus.removeClass('active').slideUp(100); $target.addClass('active').slideDown(100); } return false; }); } }
  20. Luca Munich
    Go to your group settings and change it in "Social" bar
  21. Luca Munich
    Its only for your posts or is for everyone?
  22. Luca Munich
    Hi and welcome to WF
  23. Luca Munich
    <3 Go to ACP > System > Site Features > Applications > Install Now upload the .tar file
  24. Luca Munich
  25. Luca Munich
×
×
  • Create New...