Jump to content

cum adaug butonul de parteneri acolo in stanga ??

*PlayAl3;x-*

By *PlayAl3;x-*
in IP.Board 3.x

 Share

Recommended Posts

SnowHD Rising Star

+SnowHD

Posted
Posted

Adauga in globalTemplate dupa :

<body id='ipboard_body'>

Asta :

<div id="achiver" class="menutrigger"><i style="cursor:pointer;" class="fa fa-server"></i><div class="menuleft" ><span style="margin-top: 30px;font-weight: bold;font-size: 10px; color: #fff;"><br><br><i style="color: #0595ff;" class="fa fa-server"></i> PARTENERI OFICIALI MIXLAND ROMANIA <i style="color: #0595ff;" class="fa fa-server"></i></span></br><center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;".</div></center>
<br><br>
<center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;">LIBER</div></center>
<center><div style="width: 220px;display: box;">
</div></center>
<br><br>
</div></div>
<div class="menuleftt"></div>
<div class="menuleftt"></div>

Si in ipb_styles.css :

.achivem{overflow:hidden;background-color:#1a1a1a;border-top:solid 5px #0595ff;width:300px;height:20px;position:fixed;right:0px;bottom:0px;z-index:2;opacity:0.98;cursor:pointer;transition:all 0.5s cubic-bezier(0.58,0.04,0.43,1.59)}.achivem:hover{border-top:solid 3px #0595ff;opacity:1;height:150px;box-shadow:0 0 10px black}.achievmtext{font-weight:bold;color:#515151;padding-bottom:7px;padding-top:3px;border-bottom:dashed 1px #515151;transition:all 0.5s}.achivem:hover>.achievmtext{color:#0595ff}.signout i,.signout{font-weight:bold;transition:all 0.2s}.signouttab:hover > .signout
i{color:red}.menuleft{cursor:normal;top:0;left:-300px;margin:0;overflow:scroll;text-align:center;z-index:2;width:300px;position:fixed;height:100%;background-color:rgba(23,23,23,0.8);transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger:hover>.menuleft{left:0}.menuleft:hover{left:0}.menuleft
img{cursor:pointer;transition:all 0.5s}.menuleft img:hover{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05)}.menutrigger{margin:0px;z-index:2;top:10px;left:0px;background:#0595ff;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger:hover{left:305px;padding-left:5px}.menuleft:hover+.menutrigger{left:305px;padding-left:5px}.achivbutt,.achivbutt2,.achivbutt3{font-weight:bold;font-size:10px;padding:7px;width:200px;margin:0;color:#515151;background:#1a1a1a;border-bottom:solid 2px #515151;cursor:pointer;transition:all 0.5s}.achivbutt:hover{color:#0595ff;border-color:#0595ff}.achivbutt2:hover{color:#d2141b;border-color:#d2141b}.achivbutt3:hover{color:#af0;border-color:#af0}.menuleftt{display:none;z-index:1;position:fixed;left:0;top:0;bottom:0;right:0;height:100%;width:100%;background:rgba(23,23,23,0.5);opacity:0;transition:all 0.5s}.menutrigger:hover+.menuleftt{display:inherit;opacity:1}.menutrigger2:hover+.menuleftt{display:inherit;opacity:1}.menutrigger2{margin:0px;z-index:3;top:70px;left:0px;background:#d2141b;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:8px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger2:hover{left:305px;padding-left:5px}.menuleft:hover+.menutrigger2{left:305px;padding-left:5px}.menutrigger2:hover>.menuleft{left:0}.achivbutt2,.achivbutt3{text-align:left}.easyavt{max-height:300px;max-width:150px;border:1px
solid transparent;transition:all 0.5s}.easyavt:hover{border:1px
solid red}.menutrigger3{margin:0px;z-index:2;top:40px;left:0px;background:#752ceb;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger3:hover{left:305px;padding-left:5px}.menutrigger3:hover+.menuleftt{display:inherit;opacity:1}.menuleft:hover+.menutrigger3{left:305px;padding-left:5px}.menutrigger3:hover>.menuleft{left:0}#bttop{z-index:1;vertical-align:middle;text-align:center;margin:0;padding:10px;color:white;background:#0595ff;font-size:15px;position:fixed;right:10px;bottom:40px;opacity:0.7;border-radius:6px;transition:all 0.3s, padding 0.1s cubic-bezier(0.42,0,0.68,4.3)}#bttop:hover{opacity:1;background:#42afff;box-shadow:0 0 10px black}#bttop:active{opacity:1;padding-left:10px;padding-right:10px;padding-bottom:15px;padding-top:5px}.plagiator{font-size:10px;color:#fff;font-weight:bold;padding:10px;background:#d2141b;border-radius:2px}.boss{font-size:10px;color:#fff;font-weight:bold;padding:10px
30px 10px 30px;background:#0595ff;border-radius:2px}.sapostlogo{opacity:0.1;transition:all 0.5s}.sapostlogo:hover{opacity:1}.menutrigger4{margin:0px;z-index:2;top:100px;left:0px;background:#99cb35;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger4:hover{left:305px;padding-left:5px}.menutrigger4:hover+.menuleftt{display:inherit;opacity:1}.menuleft:hover+.menutrigger3{left:305px;padding-left:5px}.menutrigger4:hover>.menuleft{left:0}

 

Daca te-am ajutat, nu uita de +1 ! Multumesc.

  • 5 weeks later...
Mr_SkyRay Enthusiast

Mr_SkyRay

Posted
Posted

Iti ofer ceva de genu :)

Bagi asta in global templates:

<div id="achiver" class="menutrigger"><i style="cursor:pointer;" class="fa fa-server"></i><div class="menuleft" ><span style="margin-top: 30px;font-weight: bold;font-size: 10px; color: #fff;"><br><br><i style="color: #0595ff;" class="fa fa-server"></i>Parteneri xGz Romania<i style="color: #0595ff;" class="fa fa-server"></i></span></br><center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;".</div></center>
<br><br>
<center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;">Niciun partener gasit</div></center>
<center><div style="width: 220px;display: box;">
</div></center>
<br><br>
</div></div>
<div class="menuleftt"></div>
<div class="menuleftt"></div>

o sa arate ca pe http://forum.xgzro.tk dar poti pune text etc.

Andrei T. Proficient

+Andrei T.

Posted
Posted

Iti ofer ceva de genu :)

Bagi asta in global templates:

<div id="achiver" class="menutrigger"><i style="cursor:pointer;" class="fa fa-server"></i><div class="menuleft" ><span style="margin-top: 30px;font-weight: bold;font-size: 10px; color: #fff;"><br><br><i style="color: #0595ff;" class="fa fa-server"></i>Parteneri xGz Romania<i style="color: #0595ff;" class="fa fa-server"></i></span></br><center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;".</div></center>
<br><br>
<center><div style="margin-top: 4px;color: #888888;font-size: 10px;width: 200px;text-align: center;word-wrap:break-word;">Niciun partener gasit</div></center>
<center><div style="width: 220px;display: box;">
</div></center>
<br><br>
</div></div>
<div class="menuleftt"></div>
<div class="menuleftt"></div>

o sa arate ca pe http://forum.xgzro.tk dar poti pune text etc.

Ai uitat sa ii dai css-ul:

.achivem{overflow:hidden;background-color:#1a1a1a;border-top:solid 5px #0595ff;width:300px;height:20px;position:fixed;right:0px;bottom:0px;z-index:2;opacity:0.98;cursor:pointer;transition:all 0.5s cubic-bezier(0.58,0.04,0.43,1.59)}.achivem:hover{border-top:solid 3px #0595ff;opacity:1;height:150px;box-shadow:0 0 10px black}.achievmtext{font-weight:bold;color:#515151;padding-bottom:7px;padding-top:3px;border-bottom:dashed 1px #515151;transition:all 0.5s}.achivem:hover>.achievmtext{color:#0595ff}.signout i,.signout{font-weight:bold;transition:all 0.2s}.signouttab:hover > .signout
i{color:red}.menuleft{cursor:normal;top:0;left:-300px;margin:0;overflow:scroll;text-align:center;z-index:2;width:300px;position:fixed;height:100%;background-color:rgba(23,23,23,0.8);transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger:hover>.menuleft{left:0}.menuleft:hover{left:0}.menuleft
img{cursor:pointer;transition:all 0.5s}.menuleft img:hover{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05)}.menutrigger{margin:0px;z-index:2;top:10px;left:0px;background:#0595ff;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger:hover{left:305px;padding-left:5px}.menuleft:hover+.menutrigger{left:305px;padding-left:5px}.achivbutt,.achivbutt2,.achivbutt3{font-weight:bold;font-size:10px;padding:7px;width:200px;margin:0;color:#515151;background:#1a1a1a;border-bottom:solid 2px #515151;cursor:pointer;transition:all 0.5s}.achivbutt:hover{color:#0595ff;border-color:#0595ff}.achivbutt2:hover{color:#d2141b;border-color:#d2141b}.achivbutt3:hover{color:#af0;border-color:#af0}.menuleftt{display:none;z-index:1;position:fixed;left:0;top:0;bottom:0;right:0;height:100%;width:100%;background:rgba(23,23,23,0.5);opacity:0;transition:all 0.5s}.menutrigger:hover+.menuleftt{display:inherit;opacity:1}.menutrigger2:hover+.menuleftt{display:inherit;opacity:1}.menutrigger2{margin:0px;z-index:3;top:70px;left:0px;background:#d2141b;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:8px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger2:hover{left:305px;padding-left:5px}.menuleft:hover+.menutrigger2{left:305px;padding-left:5px}.menutrigger2:hover>.menuleft{left:0}.achivbutt2,.achivbutt3{text-align:left}.easyavt{max-height:300px;max-width:150px;border:1px
solid transparent;transition:all 0.5s}.easyavt:hover{border:1px
solid red}.menutrigger3{margin:0px;z-index:2;top:40px;left:0px;background:#752ceb;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger3:hover{left:305px;padding-left:5px}.menutrigger3:hover+.menuleftt{display:inherit;opacity:1}.menuleft:hover+.menutrigger3{left:305px;padding-left:5px}.menutrigger3:hover>.menuleft{left:0}#bttop{z-index:1;vertical-align:middle;text-align:center;margin:0;padding:10px;color:white;background:#0595ff;font-size:15px;position:fixed;right:10px;bottom:40px;opacity:0.7;border-radius:6px;transition:all 0.3s, padding 0.1s cubic-bezier(0.42,0,0.68,4.3)}#bttop:hover{opacity:1;background:#42afff;box-shadow:0 0 10px black}#bttop:active{opacity:1;padding-left:10px;padding-right:10px;padding-bottom:15px;padding-top:5px}.plagiator{font-size:10px;color:#fff;font-weight:bold;padding:10px;background:#d2141b;border-radius:2px}.boss{font-size:10px;color:#fff;font-weight:bold;padding:10px
30px 10px 30px;background:#0595ff;border-radius:2px}.sapostlogo{opacity:0.1;transition:all 0.5s}.sapostlogo:hover{opacity:1}.menutrigger4{margin:0px;z-index:2;top:100px;left:0px;background:#99cb35;font-size:14px;color:#fff;text-align:center;padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;position:fixed;border-radius:3px;transition:all 0.5s cubic-bezier(0.42,0,0.24,1.3)}.menutrigger4:hover{left:305px;padding-left:5px}.menutrigger4:hover+.menuleftt{display:inherit;opacity:1}.menuleft:hover+.menutrigger3{left:305px;padding-left:5px}.menutrigger4:hover>.menuleft{left:0}

 

  • Upvote 1

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.