The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
5 posters

    Request code Sections ...

    manako
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Request code Sections ...

    Post by manako July 13th 2015, 6:49 pm

    welcome
    I need code Sections
    such as this  :
    >>>
    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
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 13th 2015, 8:31 pm

    UPP ...>>
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Request code Sections ... Empty Re: Request code Sections ...

    Post by SLGray July 13th 2015, 11:29 pm

    manako wrote:
    welcome
    I need code Sections
    such as this  :
    >>>
    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!



    Request code Sections ... Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 14th 2015, 12:00 pm

    Hi Very Happy

    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
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 14th 2015, 12:40 pm

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


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 14th 2015, 2:45 pm

    Hi Very Happy 

    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
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 14th 2015, 4:12 pm

    of course : yosakura.foroactivo.com
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 14th 2015, 11:45 pm

    Hi Very Happy

    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
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 15th 2015, 9:56 am

    thanks so much
    but the code didn't work
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 15th 2015, 6:27 pm

    Hi Very Happy

    Did you modify the codes like I told you to?

    Please post the one you're using.

    Regards,
    Pizza Boi
    manako
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 16th 2015, 8:21 am

    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
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 17th 2015, 6:07 am

    Hi Very Happy

    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
    manako
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 17th 2015, 1:13 pm

    I Did but the code didn't work
    thanks for help me..
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 17th 2015, 3:48 pm

    Hi Very Happy

    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
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 18th 2015, 2:48 pm

    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:
    ~

    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
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Request code Sections ... Empty Re: Request code Sections ...

    Post by SLGray July 18th 2015, 6:12 pm

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



    Request code Sections ... Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    manako
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 19th 2015, 2:29 am

    yes I Searched about this theme in website hitskins
    but i did't find this theme
    ...
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Request code Sections ... Empty Re: Request code Sections ...

    Post by SLGray July 19th 2015, 2:40 am

    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?



    Request code Sections ... Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 19th 2015, 1:38 pm

    Hi Very Happy

    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:

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

    Regards,
    Pizza Boi
    manako
    manako
    New Member


    Female Posts : 10
    Reputation : 1
    Language : Arabic
    Location : Egypt

    Request code Sections ... Empty Re: Request code Sections ...

    Post by manako July 19th 2015, 2:36 pm



    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


    Last edited by manako on July 19th 2015, 3:40 pm; edited 1 time in total
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 19th 2015, 2:40 pm

    Hi Very Happy

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

    Regards,
    Pizza Boi
    Beyonder
    Beyonder
    Forumember


    Male Posts : 723
    Reputation : 29
    Language : English
    Location : Beyond Realm

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Beyonder July 19th 2015, 2:52 pm

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


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Pizza Boi July 19th 2015, 3:06 pm

    Hagoromo Otsutsuki wrote:no offense but I thought we do English fourmotion host sites.

    Hi Very Happy

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

    Regards,
    Pizza Boi
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19324
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Request code Sections ... Empty Re: Request code Sections ...

    Post by Ape July 19th 2015, 4:23 pm

    Hagoromo Otsutsuki wrote: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



    Request code Sections ... Left1212Request code Sections ... Center11Request code Sections ... Right112
    Request code Sections ... Ape_b110
    Request code Sections ... Ape1010

      Current date/time is September 22nd 2024, 4:22 pm