Webboard

Pełna wersja: Edycja nagłówka (zmiany przedstawione na screenie)
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.12
adres forum:handballpro.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym zmienić swój nagłówek w ten sposób, ale kombinuję już od 4 godzin i bez skutku.

Tak to wygląda:
[Obrazek: yRK.png]

Tak powinno wyglądać:
[Obrazek: zRK.png]

Kod:
.logo {
    background: url(images/revolver/css/bannerleft.png) no-repeat left, url(images/revolver/css/bannerright.png) no-repeat right, url(images/revolver/css/bannercenter.png) repeat-x center;
    box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    -webkit-box-shadow: 0px 1px 0px #fff;
    height: 106px;
    margin: 1px;
}

Kod:
<div class="uinfo">
    {$welcomeblock}
</div>

<div id="container">
        <a name="top" id="top"></a>
            <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="cmenu">
                <a href="{$mybb->settings['bburl']}/index.php">Strona Główna</a>
                <a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a>
                <a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a>
                <a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a>
                <a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a>
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />
Po prostu te dwie ikonki chcesz dodać? Daj do nich link. Zaraz Ci to zrobie ;)



Na szybko zrobiłem coś takiego:

[Obrazek: BLhUO1K.png]

1. Przechodzisz do ACP → Szablony → [twój styl] → Nagłówek → header

2. Szukasz takiej linijki:

Kod PHP:
<div id="header"

3. Dodajesz przed nią:

Kod PHP:
<div class="facebook"><a href="LINK"><img src="http://icons.iconarchive.com/icons/graphics-vibe/retro-social/72/facebook-icon.png"></a></div><div class="youtube"><a href="LINK"><img src="http://icons.iconarchive.com/icons/graphics-vibe/retro-social/72/youtube-icon.png"></a></div

4. W global.css dodajesz na końcu:

Kod PHP:
.facebook {
    
margin-top15px;
    
floatright;
    
width100px;
    
height100px;
}

.
youtube {
    
margin-top15px;
    
margin-right: -20px;
    
floatright;
    
width100px;
    
height100px;


GOTOWE!
To jest właśnie cały problem, który próbuje już od tych 4 godzin rozwiązać, dlaczego dzieje mi się coś takiego:
[Obrazek: DRK.png]
Wszystko zrobiłem tak jak napisałeś.
(20.04.2014, 22:45)Ecosse napisał(a): [ -> ]
Kod PHP:
<div id="header"

3. Dodajesz przed nią:

Miałeś dodać przed tą linijką a nie za nią...
Dokładnie tak uczyniłem. Oto kod po zmianach:
Kod:
<div class="uinfo">
    {$welcomeblock}
</div>
<div id="container">
        <a name="top" id="top"></a>
            <div class="facebook"><a href="https://www.facebook.com/forumhaxballa?ref=ts&fref=ts"><img src="/images/revolver/facebook.png"></a></div>
            <div class="youtube"><a href="LINK"><img src="/images/revolver/youtube.png"></a></div>
            <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="cmenu">
                <a href="{$mybb->settings['bburl']}/index.php">Strona Główna</a>
                <a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a>
                <a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a>
                <a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a>
                <a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a>
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />
Mój kod działa w 100% poprawnie. Dłubałeś coś przy klasie logo? Bo to ona tutaj wini.

Przed zmianą twój background w klasie logo wyglądał tak:

Kod PHP:
backgroundurl(../../../images/revolver/css/bannerleft.pngno-repeat lefturl(../../../images/revolver/css/bannerright.pngno-repeat righturl(../../../images/revolver/css/bannercenter.pngrepeat-x center

Teraz wygląda nieco inaczej i dlatego nie wczytuje grafik:

Kod PHP:
backgroundurl(../../../images/revolver/css/bannerleft.pngno-repeat lefturl(images/revolver/css/bannerright.pngno-repeat righturl(images/revolver/css/bannercenter.pngrepeat-x center

Coś zwaliłeś sobie podczas edycji global.css. Wgraj ten background z loga z przed zmiany i zobaczysz że będzie dobrze.



Łap, poprawiłem za ciebie cały global.css, TYLKO PODMIEŃ:

Kod PHP:
body {
    
backgroundurl(../../../images/revolver/css/bg.pngrepeat-x top #cccccc;
    
color#929292;
    
font-familyLucida Sanssans-serif;
    
font-size12px;
    
line-height1.4;
}

::
selection {
    
color#fff;
    
background#9eb527;
}

::-
moz-selection {
    
color#fff;
    
background#9eb527;
}

{
    
color#9eb527;
    
text-decorationnone;
    
transitioncolor .2s linear;
    -
moz-transitioncolor .2s linear;
    -
webkit-transitioncolor .2s linear;
}

a:hover {
    
color#707070;
    
text-decorationnone;
}

.
uinfo {
    
color#adadad;
    
text-shadow0px 1px 0px #fff;
    
padding0px 13px 0px 13px;
    
margin-top: -4px;
    
margin-bottom12px;
}

.
uinfo a {
    
color#949494;
}

.
uinfo a:hover {
    
color#707070;
}

.
uinfo .remember_me input {
    
vertical-alignmiddle;
    
margin-top: -1px;
}

#container {
    
background#f3f3f3;
    
box-shadowinset 0 0 0px 1px #fff, 0 0 0px 1px #fff, 0 0 3px 3px rgba(0,0,0,.2);
    
-moz-box-shadowinset 0 0 0px 1px #fff, 0 0 0px 1px #fff, 0 0 3px 3px rgba(0,0,0,.2);
    
-webkit-box-shadowinset 0 0 0px 1px #fff, 0 0 0px 1px #fff, 0 0 3px 3px rgba(0,0,0,.2);
    
border1px solid #e2e2e2;
    
width95%;
    
margin40px auto;
}

.
logo {
    
backgroundurl(../../../images/revolver/css/bannerleft.pngno-repeat lefturl(../../../images/revolver/css/bannerright.pngno-repeat righturl(../../../images/revolver/css/bannercenter.pngrepeat-x center
    
box-shadow0px 1px 0px #fff;
    
-moz-box-shadow0px 1px 0px #fff;
    
-webkit-box-shadow0px 1px 0px #fff;
    
height106px;
    
margin1px;
}

.
cmenu {
    
backgroundurl(../../../images/revolver/css/cmenuleft.pngno-repeat scroll left centerurl(../../../images/revolver/css/cmenuright.pngno-repeat scroll righturl(../../../images/revolver/css/cmenucenter.pngrepeat-x center;
    
font-size14px;
    
text-align:center;
    
padding8px 8px 13px 8px;
}

.
cmenu a {
    
color#c9c9c9;
    
padding8px 32px;
}

.
cmenu a:hover {
    
backgroundurl(../../../images/revolver/css/cmhleft.pngno-repeat left centerurl(../../../images/revolver/css/cmhright.pngno-repeat righturl(../../../images/revolver/css/cmhcenter.pngrepeat-x center;
    
color#9d9d9d;
    
padding-bottom19px;
}

#content {
    
height:1%;
    
padding:0 1%;
}

.
tborder {
    
background#E2E2E2;
    
box-shadow0 0 0px 1px #E2E2E2;
    
-moz-box-shadow0 0 0px 1px #E2E2E2;
    
-webkit-box-shadow0 0 0px 1px #E2E2E2;
    
width100%;
    
marginauto auto;
    
border1px solid #fff;
}

.
thead {
    
backgroundurl(../../../images/revolver/css/h2left.pngno-repeat top lefturl(../../../images/revolver/css/h2right.pngno-repeat top righturl(../../../images/revolver/css/h2center.pngrepeat-x;
    
border1px solid #fff;
    
box-shadowinset 0 0 0px 1px #87a211;
    
-moz-box-shadowinset 0 0 0px 1px #87a211;
    
-webkit-box-shadowinset 0 0 0px 1px #87a211;
    
color#fff;
    
font-weightbold;
    
font-size14px;
    
text-shadow0px 1px 1px #5F830A;
    
height40px;
    
padding0;
    
padding-left34px;
    
margin0;
}

.
thead a {
    
color#fff;
}

.
tcat {
    
backgroundurl(../../../images/revolver/css/th.pngrepeat-x top #e4e4e4;
    
box-shadowinset 0 0 0px 1px #fff;
    
-moz-box-shadowinset 0 0 0px 1px #fff;
    
-webkit-box-shadowinset 0 0 0px 1px #fff;
    
text-shadow0px 1px 0px #fff;
}

.
trow1, .trow2 {
    
background:url(../../../images/revolver/css/tabletl.pngno-repeat top lefturl(../../../images/revolver/css/tabletr.pngno-repeat top righturl(../../../images/revolver/css/tableb.pngrepeat-x bottom #fff;
    
box-shadow:inset 0px -1px 0px #fff;
    
-moz-box-shadow:inset 0px -1px 0px #fff;
    
-webkit-box-shadow:inset 0px -1px 0px #fff;
}

.
trow_shaded {
    
background#FCF2F3;
}

.
trow_selected td {
    
background#FFFBD9;
}

.
trow_sep {
    
background#f5f5f5;
    
box-shadowinset 0px 1px 0px #fff;
    
-moz-box-shadowinset 0px 1px 0px #fff;
    
-webkit-box-shadowinset 0px 1px 0px #fff;
    
text-shadow0px 1px 0px #fff;
    
font-weightbold;
}

.
tfoot {
    
backgroundurl(../../../images/revolver/css/foot.pngrepeat-x top #eaeaea;
    
box-shadowinset 0px 1px 0px #fff;
    
-moz-box-shadowinset 0px 1px 0px #fff;
    
-webkit-box-shadowinset 0px 1px 0px #fff;
    
text-shadow0px 1px 0px #fff;
}

.
bottommenu {
    
backgroundurl(../../../images/revolver/css/foottd.pngrepeat-x top #fff;
    
box-shadowinset 0px 1px 0px #fff, 0px 1px 0px #fff;
    
-moz-box-shadowinset 0px 1px 0px #fff, 0px 1px 0px #fff;
    
-webkit-box-shadowinset 0px 1px 0px #fff, 0px 1px 0px #fff;
    
border1px solid #e2e2e2;
    
text-shadow0px 1px 0px #fff;
    
text-aligncenter;
    
padding5px;
    
margin-bottom10px;
}

.
bottommenu a {
    
color#949494;
}

.
bottommenu a:hover {
    
color#707070;
}

.
navigation {
    
font-weightbold;
    
text-shadow0px 1px 0px #fff;
    
height1%;
    
padding10px 1%;
}

.
smalltext {
    
font-size11px;
}

.
largetext {
    
font-size16px;
    
font-weightbold;
}

fieldset {
    
border1px solid #E2E2E2;
}

fieldset legend {
    
background#fff;
    
border2px solid #E2E2E2;
    
padding2px;
}

inputselecttextarea {
    
background#f9f9f9;
    
border-top1px solid #c1c1c1;
    
border-left1px solid #d5d5d5;
    
border-right1px solid #d5d5d5;
    
border-bottom1px solid #e7e7e7;
    
box-shadow0px 1px 0px rgba(255,255,255,.6);
    -
moz-box-shadow0px 1px 0px rgba(255,255,255,.6);
    -
webkit-box-shadow0px 1px 0px rgba(255,255,255,.6);
    
font-familyLucida Sanssans-serif;
    
font-size11px;
    
color#8c8c8c;
    
padding3px 5px;
    
vertical-alignmiddle;
}

input:focustextarea:focus {
    
backgroundurl(../../../images/revolver/css/textbh.pngrepeat-x top #fafafa;
    
outline0;
}

textarea {
    
line-height1.4;
}

button, .buttonsubmit, .submit {
    
backgroundurl(../../../images/revolver/css/button.pngrepeat-x top #f2f2f2;
    
box-shadow0 0 1px 1px rgba(0,0,0,.15), inset 0 0 0px 1px #fff;
    
-moz-box-shadow0 0 1px 1px rgba(0,0,0,.15), inset 0 0 0px 1px #fff;
    
-webkit-box-shadow0 0 1px 1px rgba(0,0,0,.15), inset 0 0 0px 1px #fff;
    
border0;
    
color#929292;
    
text-shadow0px 1px 0px #fff;
    
cursorpointer;
    
font-familyLucida Sanssans-serif;
    
font-size11px;
    
overflowvisible;
    
widthauto;
    
padding3px 5px;
    
vertical-alignmiddle;
}

button:hover, .button:hoversubmit:hover, .submit:hover {
    
box-shadow:0 0 1px 1px rgba(0,0,0,.2), inset 0 0 0px 1px #fff;
    
-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.2), inset 0 0 0px 1px #fff;
    
-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.2), inset 0 0 0px 1px #fff;
}

.
editor {
    
background#f1f1f1;
    
border1px solid #ccc;
}

.
editor_control_bar {
    
background#fff;
    
border1px solid #0f5c8e;
}

.
autocomplete {
    
background#fff;
    
border1px solid #000;
    
colorblack;
}

.
autocomplete_selected {
    
background#adcee7;
    
color#000;
}

.
popup_menu {
    
background#ccc;
    
border1px solid #000;
}

.
popup_menu .popup_item {
    
background#fff;
    
color#000;
}

.
popup_menu .popup_item:hover {
    
background#C7DBEE;
    
color#000;
}

.
invalid_field {
    
border1px solid #f30;
    
color#f30;
}

.
valid_field {
    
border1px solid #0c0;
}

.
validation_error {
    
backgroundurl(../../../images/invalid.gifno-repeat center left;
    
color#f30;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

.
validation_success {
    
backgroundurl(../../../images/valid.gifno-repeat center left;
    
color#00b200;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

.
validation_loading {
    
backgroundurl(../../../images/spinner.gifno-repeat center left;
    
color#555;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

/* Additional CSS (Master) */
img {
    
bordernone;
}

.
clear {
    
clearboth;
}

.
hidden {
    
displaynone;
    
floatnone;
    
width1%;
}

.
hiddenrow {
    
displaynone;
}

.
selectall {
    
background-color#FFFBD9;
    
font-weightbold;
    
text-aligncenter;
}

.
float_left {
    
floatleft;
}

.
float_right {
    
floatright;
}

.
menu ul {
    list-
stylenone;
    
margin0;
}

.
menu li {
    
displayinline;
    
padding-left5px;
}

.
menu img {
    
padding-right5px;
    
vertical-aligntop;
}

#panel .links {
    
margin0;
    
floatright;
}

.
expcolimage {
    
floatright;
    
widthauto;
    
vertical-alignmiddle;
    
margin-top: -2px;
    
margin-right10px;
}

img.attachment {
    
border1px solid #E9E5D7;
    
padding2px;
}

hr {
    
backgroundurl(../../../images/revolver/css/hrleft.pngno-repeat lefturl(../../../images/revolver/css/hrright.pngno-repeat right #eaeaea;
    
border0;
    
clearboth;
    
color#eaeaea;
    
height1px;
}

#copyright {
    
text-shadow0px 1px 0px #e1e1e1;
    
color#979797;
    
font-size11px;
    
text-aligncenter;
    
margin-bottom40px;
}

#copyright a {
    
color#6c6c6c;
    
font-weight700;
}

#copyright a:hover {
    
color:#5b5b5b;
}

.
user_info {
    
background#f8f8f8;
    
box-shadowinset 0px 1px 0px #fff, 0 0 1px 1px #e2e2e2, 0px 2px 1px #e2e2e2;
    
-moz-box-shadowinset 0px 1px 0px #fff, 0 0 1px 1px #e2e2e2, 0px 2px 1px #e2e2e2;
    
-webkit-box-shadowinset 0px 1px 0px #fff, 0 0 1px 1px #e2e2e2, 0px 2px 1px #e2e2e2;
    
text-shadow0px 1px 0px #fff;
    
padding7px;
    
margin-right14px;
}

blockquote {
    
color#a6a6a6;
    
border1px solid #e2e2e2;
    
border-bottom2px solid #e2e2e2;
    
border-left8px solid #e2e2e2;
    
box-shadow0px 2px 2px rgba(0,0,0,.05);
    -
moz-box-shadow0px 2px 2px rgba(0,0,0,.05);
    -
webkit-box-shadow0px 2px 2px rgba(0,0,0,.05);
    
margin0;
    
background#fff;
    
padding4px;
}

blockquote cite {
    
font-weightbold;
    
border-bottom1px dashed #ededed;
    
font-stylenormal;
    
displayblock;
    
margin4px 0;
}

blockquote cite span {
    
floatright;
    
font-weightnormal;
}

blockquote cite span.highlight {
    
floatnone;
    
font-weightbold;
    
padding-bottom0;
}

.
codeblock {
    
background#fff;
    
border1px solid #ccc;
    
padding4px;
}

.
codeblock .title {
    
border-bottom1px solid #ccc;
    
font-weightbold;
    
margin4px 0;
}

.
codeblock code {
    
overflowauto;
    
heightauto;
    
max-height200px;
    
displayblock;
    
font-familyMonacoConsolasCouriermonospace;
    
font-size13px;
}

.
subforumicon {
    
border0;
    
vertical-alignmiddle;
}

.
separator {
    
margin5px;
    
padding0;
    
height0px;
    
font-size1px;
    list-
style-typenone;
}

form {
    
margin0;
    
padding0;
}

.
popup_menu .popup_item_container {
    
margin1px;
    
text-alignleft;
}

.
popup_menu .popup_item {
    
displayblock;
    
padding3px;
    
text-decorationnone;
    
white-spacenowrap;
}

.
popup_menu a.popup_item:hover {
    
text-decorationnone;
}

.
autocomplete {
    
text-alignleft;
}

.
subject_new {
    
font-weightbold;
}

.
highlight {
    
background#FFFFCC;
    
padding-top3px;
    
padding-bottom3px;
}

.
pm_alert {
    
background#FFF6BF;
    
border1px solid #FFD324;
    
text-aligncenter;
    
padding5px 20px;
    
margin-bottom15px;
    
font-size11px;
}

div.error, .red_alert {
    
background#ec6363;
    
border1px solid #cd3838;
    
box-shadowinset 0 0 0px 1px #fb8080, inset 0 0 0px 2px #df5555, inset 0 0 0px 3px #f26a6a, 0px 1px 0px #fff;
    
-moz-box-shadowinset 0 0 0px 1px #fb8080, inset 0 0 0px 2px #df5555, inset 0 0 0px 3px #f26a6a, 0px 1px 0px #fff;
    
-webkit-box-shadowinset 0 0 0px 1px #fb8080, inset 0 0 0px 2px #df5555, inset 0 0 0px 3px #f26a6a, 0px 1px 0px #fff;
    
color#fff;
    
text-shadow0px 1px 1px #ac1e1e;
    
padding10px 25px;
}

.
pm_alert adiv.error a, .red_alert a {
    
color#fff;
}

.
high_warning {
    
color#CC0000;
}

.
moderate_warning {
    
color#F3611B;
}

.
low_warning {
    
color#AE5700;
}

.
online {
    
color#15A018;
}

.
offline {
    
color#C7C7C7;
}

.
pagination {
    
padding-top10px;
    
margin-bottom5px;
}

.
tfoot .pagination, .tcat .pagination {
    
padding-top0;
}

.
pagination .pages {
    
background#fff;
    
border1px solid #e2e2e2;
    
box-shadow0px 1px 0px #fff;
    
-moz-box-shadow0px 1px 0px #fff;
    
-webkit-box-shadow0px 1px 0px #fff;
    
padding2px;
}

.
pagination .pagination_current, .pagination a {
    
padding3px 5px;
    
margin-bottom3px;
}

.
pagination a {
    
backgroundurl(../../../images/revolver/css/pageleft.pngno-repeat top lefturl(../../../images/revolver/css/pageright.pngno-repeat top righturl(../../../images/revolver/css/pagemid.pngrepeat-x top center;
    
color:#fff;
    
text-shadow0px 1px 1px #637606;
    
box-shadow0px 1px 0px #fff;
    
-moz-box-shadow0px 1px 0px #fff;
    
-webkit-box-shadow0px 1px 0px #fff;
    
transitionopacity .2s linear;
    -
moz-transitionopacity .2s linear;
    -
webkit-transitionopacity .2s linear;
}

.
pagination .pagination_current {
    
backgroundurl(../../../images/revolver/css/bpleft.pngno-repeat top lefturl(../../../images/revolver/css/bpright.pngno-repeat top righturl(../../../images/revolver/css/bpmid.pngrepeat-x top center;
    
color:#fff;
    
text-shadow0px 1px 1px #454545;
    
box-shadow0px 1px 0px #fff;
    
-moz-box-shadow0px 1px 0px #fff;
    
-webkit-box-shadow0px 1px 0px #fff;
    
cursor: default;
}

.
pagination a:hover {
    
opacity0.75;
    -
moz-opacity0.75;
    -
webkit-opacity0.75;
    
transitionopacity .2s linear;
    -
moz-transitionopacity .2s linear;
    -
webkit-transitionopacity .2s linear;
}

.
thread_legend, .thread_legend dd {
    
margin0;
    
padding0;
}

.
thread_legend dd {
    
padding-bottom4px;
    
margin-right15px;
}

.
thread_legend img {
    
margin-right4px;
    
vertical-alignbottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
    
margin0;
    
padding0;
}

.
forum_legend dd {
    
floatleft;
    
margin-right10px;
}

.
forum_legend dt {
    
margin-right10px;
    
floatleft;
}

.
success_message {
    
color#00b200;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
error_message {
    
color#C00;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
post_avatar img {
    
border3px solid #fff;
    
box-shadow0 0 1px 1px #e2e2e2, 0px 2px 2px #e2e2e2;
    
-moz-box-shadow0 0 1px 1px #e2e2e2, 0px 2px 2px #e2e2e2;
    
-webkit-box-shadow0 0 1px 1px #e2e2e2, 0px 2px 2px #e2e2e2;
}

.
post_body {
    
padding5px;
}

.
post_content {
    
padding5px 10px;
}

.
quick_jump {
    
backgroundurl(../../../images/jump.gifno-repeat 0;
    
width13px;
    
height13px;
    
padding-left13px/* amount of padding needed for image to fully show */
    
vertical-alignmiddle;
    
bordernone;
}

.
repbox {
    
font-size:16px;
    
font-weightbold;
    
padding:5px 7px 5px 7px;
}

.
_neutral {
    
background-color:#FAFAFA;
    
color#999999;
    
border:1px solid #CCCCCC;
}

.
_minus {
    
background-color#FDD2D1;
    
color#CB0200;
    
border:1px solid #980201;
}

.
_plus {
    
background-color:#E8FCDC;
    
color#008800;
    
border:1px solid #008800;
}

.
pagination_breadcrumb {
    
background-color#f5f5f5;
    
border1px solid #fff;
    
outline1px solid #ccc;
    
padding5px;
    
margin-top5px;
    
font-weightnormal;
    
white-spacenowrap;
}

.
pagination_breadcrumb_link {
    
vertical-alignmiddle;
    
cursorpointer;
}

.
facebook {
    
margin-top15px;
    
floatright;
    
width100px;
    
height100px;
}

.
youtube {
    
margin-top15px;
    
floatright;
    
width60px;
    
height60px;


I poprawiłem klasę youtube, to teraz dwa się dobrze klikają.
Dziękuję za szybką pomoc! Zauważyłem, że w momencie, gdy dodaje nowe wzmianki typu ".facebook" czy ".youtube" i zapisuję szablon wtedy początek url (../../../) samoczynnie znika w całym pliku global.css Widocznie są jakieś błędy w stylu.