Problem z belkami

[michal.rys.348]

Witam. Jak mogę usunąć tą kreskę, która idzie po środku każdej belki? To nie jest obrazek który można pomalować w paincie, lecz kolor belki jest ustalany za pomocą kodu koloru w ustawieniach stylu.

 

Edytowane 10 Sierpnia 2018 przez michal.rys.348

[BitGit]

 

8 minut temu, michal.rys.348 napisał:

To nie jest obrazek który można pomalować w paincie

 

To jednak jest grafika

 

 

 a nawet dwie  

http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle.png
http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png

Druga grafika jest "nadrzędna" w hierarchii, czyli trzeba ją podmienić na własną lub zastąpić jednolitym kolorem w postaci: background: #333 (przykładowy kod koloru) 

kod odpowiedzialny za tło belki:

 

@supports ( background-blend-mode:overlay ) {
    .nav-bar, .ipsType_sectionTitle, .cPost:before, #elMobileNav {
        background-image: url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png');
        ; /* background-blend-m; background-image:url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png');erlay.png'); */
        ;
        background-blend-mode: overlay;
    }
}

 

[michal.rys.348]

6 minut temu, BitGit napisał:

 

 

To jednak jest grafika

 

 

 a nawet dwie  

http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle.png
http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png

Druga grafika jest "nadrzędna" w hierarchii, czyli trzeba ją podmienić na własną lub zastąpić jednolitym kolorem w postaci: background: #333 (przykładowy kod koloru) 

kod odpowiedzialny za tło belki:

 

@supports ( background-blend-mode:overlay ) {
    .nav-bar, .ipsType_sectionTitle, .cPost:before, #elMobileNav {
        background-image: url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png');
        ; /* background-blend-m; background-image:url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png');erlay.png'); */
        ;
        background-blend-mode: overlay;
    }
}

 

Wow. Dziekuje! W ktorym pliku znajde ten kod?

[BitGit]

Dla zasady podam jeszcze kod pierwotny

.nav-bar, .ipsType_sectionTitle, .cPost:before, #elMobileNav, .ipsItemStatus.ipsItemStatus_large {
    background: #262626 url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle.png') repeat 50% 50%;
    box-shadow: inset rgba(255, 255, 255, 0.15) 0px 0px 0px 1px, inset rgba(255, 255, 255, 0.35) 0px 1px 0px;
    text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
}

Obydwie klasy znajdują się w pliku css - custom

 

Po zmianie tła belki na jednolity kolor będzie raziło w oczy podświetlenie górnej ramki. Żeby to wykluczyć należy edytować lub usunąć z kodu linijkę box-shadow

[michal.rys.348]

8 minut temu, BitGit napisał:

Dla zasady podam jeszcze kod pierwotny

.nav-bar, .ipsType_sectionTitle, .cPost:before, #elMobileNav, .ipsItemStatus.ipsItemStatus_large {
    background: #262626 url('http://ashea.pl/uploads/set_resources_3/005d20f304c7929cbfdb3fe61d088022_maintitle.png') repeat 50% 50%;
    box-shadow: inset rgba(255, 255, 255, 0.15) 0px 0px 0px 1px, inset rgba(255, 255, 255, 0.35) 0px 1px 0px;
    text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
}

Obydwie klasy znajdują się w pliku css - custom

 

Po zmianie tła belki na jednolity kolor będzie raziło w oczy podświetlenie górnej ramki. Żeby to wykluczyć należy edytować lub usunąć z kodu linijkę box-shadow

W pliku custom .css mam taki kod tylko:

/* This overlay image is used for browsers which support background-blend-mode */

@supports ( background-blend-mode: overlay ) {
	
	{{if !theme.ficon_imagenew}}.ipsItemStatus.ipsItemStatus_large,{{endif}}
	.nav-bar,
	.ipsType_sectionTitle,
	.cPost:before,
	#elMobileNav{
		background-image: url('{resource="ipsfocus/maintitle_overlay.png" app="core" location="front"}');
		background-blend-mode: overlay;
	}
		
}

#cCreate, 
body[data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader{
  display: none;
}

body{
  background-repeat: no-repeat;
}

.ipsApp .ipsBreadcrumb{
  background: #1C1C1C;
}

#ipsLayout_footer .ipsfocus_social{
  display: none;
}

.cForumRow .ipsDataItem_icon{
  transform: none;
}

.cProfileRepScore .ipsType_minorHeading{
  color: inherit;
}

.cProfileRepScore_neutral {
    background: #2986FF;
}

html .ipsApp .ipsBox .ipsBox .ipsWidget_title{
  background: #333;
  border-color: transparent;
}

 

[BitGit]

Zdjęcie jest zakodowane pliku xml stylu (stąd zapis resource)

Możliwe opcje z tym kodem

background-image: url('{resource="ipsfocus/maintitle_overlay.png" app="core" location="front"}');

1. pobrać grafikę z drugiego linku, który podałem wyżej, edytować i podmienić przez ftp

2. usunąć {resource="ipsfocus/maintitle_overlay.png" app="core" location="front"} I zmienić na własną lokalizację czyli stworzyć nowy obrazek, wgrać na serwer i wskazać nową ścieżkę background-image: url(http:/ścieżka do pliku);

3. Zamienić background-image na tło w kolorze lub w gradiencie: 

 a. kolor - background: #333

 b. gradient - skorzystać z narzędzia http://angrytools.com/gradient/ wygenerować kod i wkleić w miejsce linii background

[michal.rys.348]

18 godzin temu, BitGit napisał:

Zdjęcie jest zakodowane pliku xml stylu (stąd zapis resource)

Możliwe opcje z tym kodem

background-image: url('{resource="ipsfocus/maintitle_overlay.png" app="core" location="front"}');

1. pobrać grafikę z drugiego linku, który podałem wyżej, edytować i podmienić przez ftp

2. usunąć {resource="ipsfocus/maintitle_overlay.png" app="core" location="front"} I zmienić na własną lokalizację czyli stworzyć nowy obrazek, wgrać na serwer i wskazać nową ścieżkę background-image: url(http:/ścieżka do pliku);

3. Zamienić background-image na tło w kolorze lub w gradiencie: 

 a. kolor - background: #333

 b. gradient - skorzystać z narzędzia http://angrytools.com/gradient/ wygenerować kod i wkleić w miejsce linii background

Wszystko rozwiązane wczoraj z BitGit. Temat można zamknąć

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.