Reply to thread

Message

<blockquote data-quote="Meap" data-source="post: 331217" data-attributes="member: 1553"><p>How would I make it so I can minimize and maximize this box?</p><p>This is the css for it</p><p>[CODE]#you{background-color:rgba(65,64,61,0.5);position:absolute;top:0px;right:200px;padding:7px;border-radius:0px 0px 3px 3px;width:165px;border:2px solid #41403d;}#exitb{background:url(http://playneko.co.uk/exit.png);height:19px;width:19px;border-radius:3px;}#exitb:hover{background:url(http://playneko.co.uk/exit_hover.png);}[/CODE]</p><p>and then this is the box code I have</p><p>[CODE]&lt;div id=&quot;you&quot;&gt;</p><p>&lt;div style=&quot;height: 110px; width: 57px; float: left; overflow: hidden;&quot;&gt;&lt;img src=&quot;http://www.habbo.nl/habbo-imaging/avatarimage?figure='.$user['look'].'&amp;direction=3&amp;head_direction=3&amp;action=wav,crr=667&amp;size=m&quot; alt=&quot;avatar&quot; class=&quot;rotate&quot; align=&quot;left&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; z-index:1&quot;&gt;'.$aanwezag.'&lt;/div&gt;&lt;br/&gt;&lt;/td&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:10px;left:65px;font-size:18px;font-family: Times;&quot;&gt;%habboName%&lt;/div&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:30px;left:65px;font-size:18px;font-family: Times;&quot;&gt;' . $users-&gt;getRankName($user['rank']) . '&lt;/div&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:50px;left:65px;font-size:18px;font-family: Times;&quot;&gt;&lt;font color=&quot;#FF0040&quot;&gt;'. $user['age'] .' Years Old&lt;/font&gt;&lt;/div&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:70px;left:65px;font-size:18px;font-family: Times;&quot;&gt;&lt;font color=&quot;#088A4B&quot;&gt;'. $user2['AchievementScore'] .' Score&lt;/font&gt;&lt;/div&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:90px;left:65px;font-size:18px;font-family: Times;&quot;&gt;&lt;font color=&quot;#01A9DB&quot;&gt;'. $user2['Respect'] .' Respects&lt;/font&gt;&lt;/div&gt;</p><p>&lt;div style=&quot;cursor:pointer;position:absolute;top:81px;left:5px;font-size:20px;font-family: Times;&quot;&gt;&lt;img src=&quot;%www%/flags/'. $user['country'] .'.png&quot;&gt;&lt;/div&gt;</p><p>&lt;/div&gt;[/CODE]</p><p></p><p>How would I add the little exit images to the right of the box and when you click it, it will minimize/maximize the box?</p><p>If anyone can help it would be greatly appreciated</p></blockquote><p></p>

[QUOTE="Meap, post: 331217, member: 1553"] How would I make it so I can minimize and maximize this box? This is the css for it [CODE]#you{background-color:rgba(65,64,61,0.5);position:absolute;top:0px;right:200px;padding:7px;border-radius:0px 0px 3px 3px;width:165px;border:2px solid #41403d;}#exitb{background:url(http://playneko.co.uk/exit.png);height:19px;width:19px;border-radius:3px;}#exitb:hover{background:url(http://playneko.co.uk/exit_hover.png);}[/CODE] and then this is the box code I have [CODE]<div id="you"> <div style="height: 110px; width: 57px; float: left; overflow: hidden;"><img src="http://www.habbo.nl/habbo-imaging/avatarimage?figure='.$user['look'].'&direction=3&head_direction=3&action=wav,crr=667&size=m" alt="avatar" class="rotate" align="left"></div><div style="position: absolute; z-index:1">'.$aanwezag.'</div><br/></td> <div style="cursor:pointer;position:absolute;top:10px;left:65px;font-size:18px;font-family: Times;">%habboName%</div> <div style="cursor:pointer;position:absolute;top:30px;left:65px;font-size:18px;font-family: Times;">' . $users->getRankName($user['rank']) . '</div> <div style="cursor:pointer;position:absolute;top:50px;left:65px;font-size:18px;font-family: Times;"><font color="#FF0040">'. $user['age'] .' Years Old</font></div> <div style="cursor:pointer;position:absolute;top:70px;left:65px;font-size:18px;font-family: Times;"><font color="#088A4B">'. $user2['AchievementScore'] .' Score</font></div> <div style="cursor:pointer;position:absolute;top:90px;left:65px;font-size:18px;font-family: Times;"><font color="#01A9DB">'. $user2['Respect'] .' Respects</font></div> <div style="cursor:pointer;position:absolute;top:81px;left:5px;font-size:20px;font-family: Times;"><img src="%www%/flags/'. $user['country'] .'.png"></div> </div>[/CODE] How would I add the little exit images to the right of the box and when you click it, it will minimize/maximize the box? If anyone can help it would be greatly appreciated [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members