Ajutor fereastra

sluskeebeleaua · October 15, 2017

Am vazut pe un forum un fel de fereastra ca asta: si cand pun mouse-ul pe ea, imi vine o lista genul asta:

Are idee cineva cum pot face si eu una?

+Gregory · October 15, 2017

forumul?

+ZEW · October 15, 2017

Caută în globalTemplate

		<p id='content_jump' class='hide'><a href='#j_content' title='{$this->lang->words['jump_to_content']}' accesskey='m'>{$this->lang->words['jump_to_content']}</a></p>

Și adaugă sub el

<div id="achiver" class="menutrigger"><span style="color:white;">ECHIPA</span><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>Echipa RomaniaElit<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=""></div></center>
<br><br>
<center><div class="container desc">

		<div class="row">
			<div class="col-lg-6 centered">
			</div><!-- col-lg-6 -->
			<div class="col-lg-6">
				<br><h4></h4>
				 
                  <br><b><span style="color:#0040FF; text-shadow: 0px 0px 8px #0040FF;">Fondatori</span></b><br>
BanditGamingHD<br>
SΣÐΛ K1NG<br>

<br><b><span style="color:red; text-shadow: 0px 0px 8px red;">Administratori</span></b> <br>
Kunter<br>
ZaCk<br>
Sgt_Salt<br>
calutuu<br>
DadyGames<br>

<br> <b><span style="color:#A901DB; text-shadow: 0px 0px 8px #A901DB;">Developeri</span></b><br>
ZaCk<br>
ZaLiNka &lt;3<br>
Elix<br>

 <br><b><span style="color:#00BFFF; text-shadow: 0px 0px 8px #00BFFF;">Helperi</span></b><br>
DodoBobo1979<br>
Gogo<br>
GagaTheRibu<br>
KingDamian<br>
Botoshel<br>
Sacalu<br>

<br><b> <span style="color:#4B088A; text-shadow: 0px 0px 8px #4B088A;">Testeri</span> </b><br>
*AsSaSs!n*<br>
AndreiRO<br>
KingMailat<br>
Violence<br>
GABYrock10<br>
Hi Im Geo<br>

<br> <b><span style="color:#FFFF00; text-shadow: 0px 0px 8px #FFFF00;">V.I.P</span></b><br>
Radu Daniel<br>
Zoly<br>
The_Roby_Robert<br>
G.Cosmin.C<br>

				
			</div>
		</div><!-- row -->

		
		<br><br>
	</div><!-- container --></center>
<center><div style="width: 220px;display: box;">
</div></center>
<br><br>
</div></div>

Iar după adaugă în ipb_styles.css jos de tot

.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 {
    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);
}
.menuleft:hover {
    left: 0;
}
.menutrigger:hover>.menuleft {
    left: 0;
}

Și îl modifici cum îți dorești.

Edited October 15, 2017 by ZEW

sluskeebeleaua · October 15, 2017

2 hours ago, Gregory said:

forumul?

http://romaniaelit.ro/forum/

49 minutes ago, ZEW said:

Caută în globalTemplate


		<p id='content_jump' class='hide'><a href='#j_content' title='{$this->lang->words['jump_to_content']}' accesskey='m'>{$this->lang->words['jump_to_content']}</a></p>

Și adaugă sub el


<div id="achiver" class="menutrigger"><span style="color:white;">ECHIPA</span><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>Echipa RomaniaElit<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=""></div></center>
<br><br>
<center><div class="container desc">

		<div class="row">
			<div class="col-lg-6 centered">
			</div><!-- col-lg-6 -->
			<div class="col-lg-6">
				<br><h4></h4>
				 
                  <br><b><span style="color:#0040FF; text-shadow: 0px 0px 8px #0040FF;">Fondatori</span></b><br>
BanditGamingHD<br>
SΣÐΛ K1NG<br>

<br><b><span style="color:red; text-shadow: 0px 0px 8px red;">Administratori</span></b> <br>
Kunter<br>
ZaCk<br>
Sgt_Salt<br>
calutuu<br>
DadyGames<br>

<br> <b><span style="color:#A901DB; text-shadow: 0px 0px 8px #A901DB;">Developeri</span></b><br>
ZaCk<br>
ZaLiNka &lt;3<br>
Elix<br>

 <br><b><span style="color:#00BFFF; text-shadow: 0px 0px 8px #00BFFF;">Helperi</span></b><br>
DodoBobo1979<br>
Gogo<br>
GagaTheRibu<br>
KingDamian<br>
Botoshel<br>
Sacalu<br>

<br><b> <span style="color:#4B088A; text-shadow: 0px 0px 8px #4B088A;">Testeri</span> </b><br>
*AsSaSs!n*<br>
AndreiRO<br>
KingMailat<br>
Violence<br>
GABYrock10<br>
Hi Im Geo<br>

<br> <b><span style="color:#FFFF00; text-shadow: 0px 0px 8px #FFFF00;">V.I.P</span></b><br>
Radu Daniel<br>
Zoly<br>
The_Roby_Robert<br>
G.Cosmin.C<br>

				
			</div>
		</div><!-- row -->

		
		<br><br>
	</div><!-- container --></center>
<center><div style="width: 220px;display: box;">
</div></center>
<br><br>
</div></div>

Iar după adaugă în ipb_styles.css jos de tot


.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 {
    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);
}
.menuleft:hover {
    left: 0;
}
.menutrigger:hover>.menuleft {
    left: 0;
}

Și îl modifici cum îți dorești.

Nu merge, uite cum imi da: https://i.imgur.com/iU13eRK.png

+ZEW · October 16, 2017

16 hours ago, sluskeebeleaua said:

http://romaniaelit.ro/forum/

Nu merge, uite cum imi da: https://i.imgur.com/iU13eRK.png

Asta îți apare pentru că nu ai copiat css-ul, am testat personal codul și a mers. Vezi daca ai copiat tot css-ul

Edited October 16, 2017 by ZEW

sluskeebeleaua · October 16, 2017

Rezolvat, mersi mult.

Sign In

Ajutor fereastra

Recommended Posts

sluskeebeleaua

+Gregory

+ZEW

sluskeebeleaua

+ZEW

sluskeebeleaua

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information