Request code Sections ...

by manako Mon 13 Jul 2015 - 18:49

welcome

I need code Sections

such as this :

http://cdn.top4top.net/i_1cc8d3597a1.png

>>>
I saw him in Spanish forum great location code, but the problem is that the HTML version

phpbb3

I need this code To work on version phpbb2

..

I'm wait and thanks...

by manako Mon 13 Jul 2015 - 20:31

UPP ...>>

by **SLGray** Mon 13 Jul 2015 - 23:29

manako wrote:
welcome
I need code Sections
such as this :
http://cdn.top4top.net/i_1cc8d3597a1.png
>>>
I saw him in Spanish forum great location code, but the problem is that the HTML version
phpbb3
I need this code To work on version phpbb2
..
I'm wait and thanks...

Please don't use bold or color and keep to the default text. This is reserved for the staff for moderation.

manako wrote:
UPP ...>>

Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead!

by Pizza Boi Tue 14 Jul 2015 - 12:00

Hi

That can be coded for phpBB2; however, I highly suggest you check out w3schools.com to learn how to style it as so.

Regards,
Pizza Boi

by manako Tue 14 Jul 2015 - 12:40

Thank you but do you have codes ready site and be good ?
Thank you again..

by Pizza Boi Tue 14 Jul 2015 - 14:45

Hi

Well, I can perhaps code some basic, can you please provide me the forum URL of the site you took the print screen off in the first picture?

Regards,
Pizza Boi

by manako Tue 14 Jul 2015 - 16:12

of course : yosakura.foroactivo.com

by Pizza Boi Tue 14 Jul 2015 - 23:45

Hi

You can add this anywhere:

Code:: <div id="omai"> <span class="aye"><a href="URL" class="aya">TEXT HERE</a><br><span style="color: #HEXADECIMAL COLOR HERE;"><span style="font-size: ##px;">TEXT HERE</span></span><span style="font-size: ##px;">TEXT HERE</span></span> <table> <tbody><tr> <td> <div id="ohdear" onclick="location.href='URL LINK'" style="cursor:pointer; "> <div id="odenson"> TEXT </div> </div> </td> <td> <div id="ohdear2" onclick="URLs'" style="cursor:pointer; "> <div id="odenson"> TEXT HERE </div> </div> </td> <td> <div id="ohdear3" onclick="URL HERE'" style="cursor:pointer; "> <div id="odenson"> TEXT HERE </div> </div> </td> <td> <div id="ohdear4" onclick="URL HERE'" style="cursor:pointer; "> <div id="odenson"> TEXT HERE </div> </div> </td> </tr> </tbody></table> <div id="eyowassup" class="nawwimkewl"> TEXT HERE </div><img src="IMAGE LINK"> </div>

Add this in the CSS:

Code:: #omai { background-color: ###; border-left: solid ##px ###; box-shadow: #px #px #px ###; font-size: ##px; height: ###px; margin: #px ##px #px -##px; min-height: ##px; padding: #px; width: ###px; } .aye { float: left; width: 30%; margin-left: 5px; } .aya { font-family: open sans condensed; font-size: ##px; font-weight: ###; line-height: ###%; text-transform: uppercase; word-spacing: #px; } #ohdear { background-color: ###; cursor: pointer; height: ##px; margin: -##px #px #px ###px; width: ##px; } #ohdear2 { background-color: ###; cursor: pointer; height: ##px; margin: -##px #px #px; width: ##px; } #ohdear3 { background-color: ###; cursor: pointer; height: ##px; margin: -##px #px #px; width: ##px; } #ohdear4 { background-color: ###; cursor: pointer; height: ##px; margin: -##px #px #px; width: ##px; } #eyowassup { border-bottom: dotted #px ###; height: ##px; margin-left: ##px; margin-top: ##px; padding: 0 #px #px; text-align: justify; width: #px; } .nawwimcool::first-letter { color: ###; font-size: ##px; } #omai img { border: solid #px ###; height: ##px; margin-right: #px; margin-top: #px; width: ###px; } #ohdear: hover { background-color: ###; height: ##px; margin: -##px #px #px ###px; transition: #s ease-in-out; width: #px; } #odenson { color: ###; display: none; font-family: open sans condensed; font-size: ##px; font-weight: ###; line-height: ###%; margin-left: ##px; margin-top: -##px; position: absolute; text-decoration: none; text-transform: uppercase; word-spacing: #px; }

Be cautious of those with ### because I cannot give you the exact value of the style. Also take note of URL HERE or TEXT HERE, please provide it in those spots.

Edit: For the first code, I just realized that it was used entirely for their forum style so it depends on you.

Regards,
Pizza Boi

by manako Wed 15 Jul 2015 - 9:56

thanks so much

but the code didn't work

by Pizza Boi Wed 15 Jul 2015 - 18:27

Hi

Did you modify the codes like I told you to?

Please post the one you're using.

Regards,
Pizza Boi

by manako Thu 16 Jul 2015 - 8:21

Yes.

this :

Code:: #omai { background-color: f4f4f4#; border-left: solid ff8a00#px ff8a00#; box-shadow: 1px 0px 0px ; font-size: 11px; height: 200px; margin: 1px 2px 1px -1px; min-height: 30px; padding: 0px; width: 0px; } .aye { float: left; width: 30%; margin-left: 5px; } .aya { font-family: open sans condensed; font-size: 11px; font-weight: 8; line-height: 100%; text-transform: uppercase; word-spacing: 2px; } #ohdear { background-color: eeeeee#; cursor: pointer; height: 200px; margin: -2px 1px 2px 1px; width: 10px; } #ohdear2 { background-color: eeeeee; cursor: pointer; height: 200px; margin: -2px 1px 0px; width: ##px; } #ohdear3 { background-color: eeeeee#; cursor: pointer; height: 200px; margin: -2px 2px 1px; width: 10px; } #ohdear4 { background-color: eeeeee#; cursor: pointer; height: 200px; margin: -2px 2px 1px; width: 100px; } #eyowassup { border-bottom: dotted 2px 30; height: 200px; margin-left: 10px; margin-top: 30px; padding: 0px 0px; text-align: justify; width: 10px; } .nawwimcool::first-letter { color: ff991a#; font-size: 11px; } #omai img { border: solid 30px ff991a#; height: 200px; margin-right: 10px; margin-top: 10px; width: 30px; } #ohdear: hover { background-color: f3f3f3; height: 200px; margin: -2px 3px 2px 3px; transition: #s ease-in-out; width: 30px; } #odenson { color: ff9919; display: none; font-family: open sans condensed; font-size: 11px; font-weight: 200; line-height: 100%; margin-left: 11px; margin-top: -11px; position: absolute; text-decoration: none; text-transform: uppercase; word-spacing: 12px; }

Code:: <div id="omai"> <span class="aye"><a href="URL" class="aya">anime and manga</a><br><span style="ff95a1: #HEXADECIMAL ff95a1;"><span style="font-size: 11px;"> scrabooking</span></span><span style="font-size: 11px;">translation anime </span></span> <table> <tbody><tr> <td> <div id="ohdear" onclick="location.href='URL LINK'" style="cursor:pointer; "> <div id="odenson"> TEXT </div> </div> </td> <td> <div id="ohdear2" onclick="URLs'" style="cursor:pointer; "> <div id="odenson"> anime </div> </div> </td> <td> <div id="ohdear3" onclick="URL HERE'" style="cursor:pointer; "> <div id="odenson"> manga </div> </div> </td> <td> <div id="ohdear4" onclick="URL HERE'" style="cursor:pointer; "> <div id="odenson"> japan </div> </div> </td> </tr> </tbody></table> <div id="eyowassup" class="nawwimkewl"> TEXT HERE </div><img src="IMAGE LINK"> </div>

These colors and texts just experiments even works code

by Pizza Boi Fri 17 Jul 2015 - 6:07

Hi

Well, the CSS most certainly doesn't have a problem... it's just the content Neutral

and uh, you should put content in everything that's marked in capital letters like IMG LINK, URL. Replace them all with example links first, etc. so you can see if it works.

Regards,
Pizza Boi

by manako Fri 17 Jul 2015 - 13:13

I Did but the code didn't work

thanks for help me..

by Pizza Boi Fri 17 Jul 2015 - 15:48

Hi

Well, I guess it can't be helped. Well this is the forum's HTML:

Code:: <li class="row"> <dl style="background:url(http://2img.net/i/fa/empty.gif) no-repeat scroll 10px 50%;" class="icon"><dd class="dterm"></dd></dl> <div style="display: block; margin: 0px 0px 0px 90px; background: url(http://2img.net/i/fa/empty.gif) 10px 50% no-repeat scroll;"> <h3 class="hierarchy"> <a class="forumtitle" href="/f2-presentacion">Presentación</a> </h3><br /> <div id="desc"> <span style="float: left; width: 30%; margin-left: 5px;"><a class="forumtitleB" href="http://yosakura.foroactivo.com/f2-presentacion">Presentación</a><br /><span style="color: rgb(52, 158, 203);"><span style="font-size: 11px;">お</span></span><span style="font-size: 11px;">かえり</span></span> <table> <tbody> <tr> <td> <div id="subforo4B"> </div> </td> <td> <div id="subforo3B"> </div> </td> <td> <div id="subforo2B"> </div> </td> <td> <div id="subforo1B"> </div> </td> </tr> </tbody> </table> <div class="FLazul" id="texto"> ¡Bienvenido a la academia Yosakura! Háblanos de ti y preséntate ante los usuarios, podrás ganar un lote completo de cookies ♥ También puedes anunciar una ausencia o despedirte del foro si decides abandonarlo. </div><img src="http://i.imgur.com/pEh8POB.png" /> </div><br /><strong></strong> </div><dl style="background:url(http://2img.net/i/fa/empty.gif) no-repeat scroll 10px 50%;" class="icon"><dd class="dterm"></dd>

^ I believe these are in the templates of their forum.

This is their CSS:

Code:: #texto { border-bottom: dotted 2px #131313; height: 65px; margin-left: 21px; margin-top: 20px; padding: 0 5px 5px; text-align: justify; width: 276px; } #subforo4B:hover { -o-transition: .4s; -webkit-transition: .4s; background-color: #131313; height: 15px; margin: -35px 2px 2px 230px; transition: 1s ease-in-out; width: 15px; } #subforo3B:hover { -o-transition: .4s; -webkit-transition: .4s; background-color: #424242; height: 15px; margin: -35px 2px 2px; transition: 1s ease-in-out; width: 15px; } #subforo3B { background-color: #5db1d5; cursor: pointer; height: 15px; margin: -35px 2px 2px; width: 15px; } #subforo4B { background-color: #349ECB; cursor: pointer; height: 15px; margin: -35px 2px 2px 230px; width: 15px; } #subforo2B:hover { -o-transition: .4s; -webkit-transition: .4s; background-color: #717171; height: 15px; margin: -35px 2px 2px; transition: 1s ease-in-out; width: 15px; } #subforo2B { background-color: #85c5e0; cursor: pointer; height: 15px; margin: -35px 2px 2px; width: 15px; } #subforo1B:hover { -o-transition: .4s; -webkit-transition: .4s; background-color: #a1a1a1; height: 15px; margin: -35px 2px 2px; transition: 1s ease-in-out; width: 15px; } #subforo1B { background-color: #aed8ea; cursor: pointer; height: 15px; margin: -35px 2px 2px; width: 15px; } .forabg li.row dd.dterm { text-align: center; width: 95%; } .hierarchy { border: none; display: inline; font-size: 1em!important; text-transform: none; } #desc { background-color: #fff; border-left: solid 30px #349ECB; box-shadow: 2px 2px 5px #999; font-size: 10px; height: 229px; margin: 2px 50px 2px -60px; min-height: 100px; padding: 5px; width: 330px; } .forabg li.row dd.lastpost { display: block; height: 30px; margin-left: 102px; margin-top: -50px; width: 284px; } ul.forums dd { border-style: none; } ul.forums dd { border-color: transparent; border-left-style: solid; border-left-width: 1px; } ul.topiclist dd { border-left: 1px solid transparent; display: block; float: left; padding: 4px 0; } dd.lastpost { font-size: 11px; margin-top: 17px; width: 20%; } dd.lastpost { font-size: 1.1em; width: 20%; }

I hope you're able to work on your own style. This is my possibly last help I can provide as I cannot further, sorry.

Regards,
Pizza Boi

by manako Sat 18 Jul 2015 - 14:48

awwwwwww " it worked by templates

this so amazing ، i will designed the new shape

thanks so so much pizza boi you are so awesome

~

i'am sorry

Is I request something else ?

in same forum

yosakura.foroactivo.com

here:

http://cdn.top4top.net/i_c65d84c6571.png

~

1 - i need Code that puts the Advertising under sections like the picture

2- The second mode code section name or category

Do not worry, I will not quote colors and images I am designer I modify these codes to fit with my personality

~

I am very grateful that you've really helped me a very great help Thank you

by **SLGray** Sat 18 Jul 2015 - 18:12

Have you looked to see if that theme is on Hitskins?

by manako Sun 19 Jul 2015 - 2:29

yes I Searched about this theme in website hitskins

but i did't find this theme
...

by **SLGray** Sun 19 Jul 2015 - 2:40

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

We are not really allowed to give you someone elses forum design. Also we do not offer designing a whole theme for a forum. Have you asked on that forum for the information?

by Pizza Boi Sun 19 Jul 2015 - 13:38

Hi

~~I will give the code in a bit.~~

Simply add (Make sure to style it on your own I love you

) this below where you put the template code I provided:

Code:: <div style="border: solid 1px #131313; margin-left: -65px; width:860px;"> <a href="http://yosakura.foroactivo.com/t532-evento-golden-week"> <img src="http://i.imgur.com/pvq9shv.png"></a> </div> <ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Rol ─ <span style="color: rgb(52, 158, 203);">イメージ</span><span style="color: rgb(236, 80, 145);">プレイ</span></h2></div></dd><dd class="lastpost"><span>Últimos Mensajes</span></dd></dl></li></ul>

The black one appears to be named "Topic List" in CSS and from google translate. So please just state it there. You can change the <ul> tag into a <div> one.

This is for the CSS: