Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Konfiguracja przedstrony.

Konfiguracja  Założony przez  LSD55.

Tak jak w temacie chciałbym aby ten welcomeblock z mybb był także na przedstronie, tylko bez tej funkcji zalogowania się, bo chciałbym umieścić tam różne przekierowywania i niżej panel z informacjami. 
Kod przedstrony:
<!DOCTYPE html>

<html lang="pl">
<title>The Walking Dayz</title>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/By LaMeR.css">
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
 </div>
</div>
</div>
</div>
</div>      
</head>
<div id='cssmenu'>
<ul>
  <li><a href='#' title="Przejdz do Forum"><span><font color= Yellow><b>Cos12</b></font></span></a></li>
  <li class='has-sub '><a href='#'><span><font color= Blue><b>Cos12</b></font></span></a>
     <ul>
        <li class='has-sub '><a href='#'><span>Cos12</span></a>
           <ul>
              <li><a href='#'><span>Cos12</span></a></li>
              <li><a href='#'><span>Cos12</span></a></li>
           </ul>
        </li>
        <li class='has-sub '><a href='#'><span>Cos12</span></a>
           <ul>
              <li><a href='#'><span>cos 123</span></a></li>
              <li><a href='#'><span>Cos12</span></a></li>
               <li><a href='#'><span>Cos123</span></a></li>
           </ul>
        </li>
     </ul>
  </li>
  <li><a href='#'title=""><span><font color= Red><b><blink>Cos123</blink></b></font></span></a></li>
  <li><a href='#' title=""><span><span><font color= Lime><b>Cos123</b></font></span></a></li>
</ul>
<body>
<div id="stopka">
<center>
<font color= #FF0000>
</center>
</div>
</body>
</html>


Kod welcomeblocka:
<a name="top" id="top"></a>
<div class="welcomeblock">
<div class="welcomeblock-wrapper">
            <div class="float_right">{$quicksearch}</div>
      <div class="nawigacja_usera">
                {$welcomeblock}<right><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></right>
 </div>
</div>
</div>
</div>
</div>  
<header>
<div id="header">            
</div>
</div>
</div>
<ul class="procstrike-menu">
<li>
<a href="{$mybb->settings['bburl']}/index.php">
<i class="fa fa-home"></i>
<strong>Forum</strong>
<small>Strona Główna</small>
</a>
</li>
<li>
<a href="{$mybb->settings['bburl']}/memberlist.php">
<i class="fa fa-users"></i>
<strong>Społeczność</strong>
<small>Użytkownicy Forum</small>
</a>
            </li>
        </ul>
</header>
        </div>
        <div id="content">            
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}                          
                 <navigation>
                 <div class="content">
                 <div class="wrapper">
                <br />

i tutaj kod z CSS tego Welcomeblocka:
element.style {
}
.nawigacja_usera ul {
   margin-top: 0;
   margin-left: -40px;
}
ul, menu, dir {
   display: block;
   list-style-type: disc;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   -webkit-padding-start: 40px;
Nie mam zielonego pojęcia jak to przenieść do przedstrony.
Co ty dokładnie chcesz przenieść na tą przed stronę?
Menu?
Chodzi mi o ten pasek http://screenshot.sh/m19v8U15KuX5V. Tam gdzie wyszukiwarka i sam ten pasek chce zrobic.
CSS:
body {
    background: #1d1d1d url(http://thewalkingdayz.xaa.pl/images/skillgame/bgbody.jpg);
    color: #bcbcbc;
    background-attachment: fixed;
    font: normal 11px tahoma, helvetica, arial, sans-serif;
    position: relative;
    padding-bottom: 20px;
    margin: 0;
    padding: 0;
}
.welcomeblock {
    color: #fff;
    background: #282828;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    height: 40px;
}
.float_right {
    float: right;
}

.nawigacja_usera ul {
    margin-top: 0;
    margin-left: -40px
}
.nawigacja_usera ul li {
    list-style: none;
    display: inline-block
}
.nawigacja_usera ul li a {
    color: #fff;
    float: left;
    padding: 0 12px;
    line-height: 40px;
    outline: none;
    height: 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: -3px;
}
.nawigacja_usera ul li a:hover {
    background: rgba(0, 0, 0, 0.2)
}

.welcomeblock-wrapper {
    width: 90%;
    margin: 0 auto;
    min-width: 980px;
    max-width: 1300px;
}

HTML:
<div class="welcomeblock">
<div class="welcomeblock-wrapper">
<div class="nawigacja_usera">
<ul>
<li><a href="xx">Home</a> </li>
<li><a href="xx">Użytkownicy</a> </li>
<li><a href="xx">Inna strona</a> </li>
<li><a href="xx">Jeszcze inna</a> </li>
</ul>
</div>
</div>
</div>
Jak to zrobić aby nie podkreślone, tylko normalny napis? http://screenshot.sh/m7QdbxWljJnll
Do .nawigacja_usera ul li a { dopisz: text-decoration: none;.
Dodałem sobie takiego boxa http://screenshot.sh/m3ePBC91b7NLx.
br><br<br><br><br><br<br><br><div class="sidebar" style="float: right; width: 20%">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
   <td class="thead">
           Ogloszenia & Informacje                                  
   </td>
</tr>

<tr>
   <td class="trow2">
    Opis
   </td>
</tr>
</table>
</div>
<div class="forum" style="float: left; width: 80%;"></div>
<br class="clear"/>
</tr>
</table></br></br</br></br></br></br</br></br>

Takim kodem, oraz wrzuciłem odpowiednie CSS'y. i jak go teraz poszerzyć? Kombinowałem i nic.

.thead {
    background-color: #124880;
    text-shadow: rgba(0, 0, 0, 0.4) 3px -1px 11px;
    padding: 13px;
    border-radius: 1px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    font-variant: small-caps;
}
.thead a:link {
    color: #ffffff;
    text-decoration: none;
}
.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}
.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: none;
}
.trow1 {
    background: #191919 url(images/skillgame/row_gradient.png) repeat-x top;
    border-top: 10px solid #252525;
    border-bottom: 10px solid #111111;
    vertical-align: middle;
    padding: 1px;
    color: #898989;
    line-height: 17px;
    padding-left: 10px;
    font-weight: normal;
}
.trow2 {
    background: #191919 url(images/skillgame/row_gradient.png) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px;
    color: #898989;
    line-height: 17px;
    padding-left: 10px;
    font-weight: normal;
}
.trow_shaded {
    background: #343434;
    color: #8E8E8E;
    border: 0;
I tutaj CSS'y, które musiałem dodać aby w miarę ten box wyglądał.
<div class="sidebar" style="float: right; width: 20%">

@edit.
Po co Ci te <br>?
Jak już - zamiast <br> używaj <br />
Dalej pozostaje tak samo jak było.
(21.09.2016, 16:16)LSD55 napisał(a): Dalej pozostaje tak samo jak było.

Podaj link do tej podstrony, jeżeli masz ją na localhoscie to wrzuć ją na hosting.
Proszę https://mega.nz/#!7A4BXDQL!TXJE7EXvaATAT...z4q1I5Wc3I
Edytujesz te dwie linijki jeżeli chcesz zmieniać szerokość:
<div class="sidebar" style="float: right; width: 50%">
<table width="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

Pierwsza odpowiada ogólnie za sidebar, a width="100%" w table za szerokość tabelki.

@edit.
Pierw musisz dopisać width="100%" do <table>.
Dobra działa. a teraz takie pytanie co trzeba zrobic, aby teraz ten box był do dołu? tak jak to zaznacz czerwonym prostokątem na ssie.
http://screenshot.sh/odSKXkWRBlkQ1
Jeżeli dodasz tam tekst to automatycznie się zwiększy jego wysokość.

Ręcznie możesz to zrobić dopisując height do td.
Przykład:
<td height="500px" class="trow2">
Wiem, że się automatycznie zwiększy, tylko ja chciałem było to w takiej wielkości jakiej chce, bez względu czy tam jest text czy nie.
Bardzo dziękuje za pomoc.



Użytkownicy przeglądający ten wątek: