Request code Sections ...

[manako]

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...

[manako]

UPP ...>>

[SLGray]

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.

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!

[Pizza Boi]

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

[manako]

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

[Pizza Boi]

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

[manako]

of course : yosakura.foroactivo.com

[Pizza Boi]

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

[manako]

thanks so much

but the code didn't work

[Pizza Boi]

Hi

Did you modify the codes like I told you to?

Please post the one you're using.

Regards,
Pizza Boi

[manako]

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

[Pizza Boi]

Hi

Well, the CSS most certainly doesn't have a problem... it's just the content   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

[manako]

I Did but the code didn't work

thanks for help me..

[Pizza Boi]

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

[manako]

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

[SLGray]

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

[manako]

yes I Searched about this theme in website hitskins

but i did't find this theme
...

[SLGray]

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?

[Pizza Boi]

Hi

I will give the code in a bit.

Simply add (Make sure to style it on your own ) 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:

Code:

ul.topiclist {
  background-image: url(IMG URL);
  background-repeat: repeat-x;
  color: ###;
  list-style-type: none;
  margin: 0;
}

Regards,
Pizza Boi

[manako]

SLGray

I'm taking them I do change and codes will not take the same form Site

I just need the original code and I change my shape to fit me

Next time take the permission of the owner of the site

---

pizza boi thanks so much

for every thing

xDDD

[Pizza Boi]

Hi

Glad to be of service and good luck with your forum .

Regards,
Pizza Boi

[Beyonder]

no offense but I thought we do English fourmotion host sites.

[Pizza Boi]

no offense but I thought we do English fourmotion host sites.

Hi

There isn't exactly an Egyptian FM forum support ...

Regards,
Pizza Boi

[Ape]

no offense but I thought we do English fourmotion host sites.

We offer support to anyone that has a FM forum...... As long as they can speak English It don't matter where you are