Forum Pasja Informatyki - Najnowsze z tagiem warstwy

Złe ustawienie warstw obiektów C++ Builder 6

Wed, 24 Jul 2024 18:11:19 +0000

Witam.
Od jakiegoś czasu pisze aplikację wizualną w C++ Builder 6 i doszedłem do momentu, kiedy chce stworzyć menu z opcjami przewijania strony przyciskiem na którym jest narysowana strzałka. Z tego co wiem nie da się dodać grafiki do przycisku, więc stwierdziłem, że najlepszym pomysłem będzie wstawienie obrazka, który wygląda jak przycisk i przypisanie do funkcji OnClick() kodu itp.
Mam natomiast jeden problem, jako główne tło menu chciałem wstawić obiekt "Panel" a jak próbuję przeciągnąć ten przycisk (to zdjęcie) na panel to nie widać go, gdyż ustawia się pod warstwą panelu.
Jak ktoś zna rozwiązanie tego problemu, to byłbym wdzięczny. Z góry dziękuję i pozdrawiam!

Opacity/Blur warstwy - CSS

Thu, 24 Jan 2019 17:07:58 +0000

Dzień dobry jak ustawić przezroczystość lub rozmazanie elementu na którym jest nagłówek?

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <link rel="stylesheet" href="main.css">
</head>
<body>
<div class="jumbotron jumbotron-fluid text-white text-center top">
		<div class="container">
            <div class="back">
			<h1 class="text-uppercase top-header">Odkryj <span class="text-color">nową jakość</span> filmu</h1>
			<p class="top-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quam in nostrum?</p>
            </div>
		</div>
</div>

</body>
</html>

.top {
	padding: 165px 0 175px;
    margin: 0;
	background-image: url('https://i.postimg.cc/B6GzPD3t/montaz.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
    
}

.top-header {
	margin-bottom: 1.25rem;
	font-size: 2.75rem;
    color:  #f8f8f8;
    
}

.top-text {
	font-size: 1rem;
}

.text-color {
   color:#8AECEC;
}


.back {
  background-color: black;
    padding: 10px;
    width: 75%;
    margin: 0 auto;
    filter: opacity(.7);
}

Problem jest taki, że tekst też uzyskuje przeźroczystość?

Czy ktoś mógłby mi pokazać sposób jak to uzyskać na moim przykładzie?

https://codepen.io/anon/pen/rPaBLE

Pozycjonowanie elementu w CSS (warstwy?)

Thu, 23 Aug 2018 19:25:11 +0000

Siema

To moje pierwsze pytanie tego typu więc proszę o wyrozumiałość :) Potrzebuje rady i pomocy. Trenuje sobie html i css wiec postanowiłem że zrobię sobie taką małą galerię swoich dzieciaków. Zdjęcia zawsze pod ręka, różne możliwości treningu itd, ale do rzeczy.

Może w punktach :) Kod dam na samym dole. (to co mam)

1: Stronę chciałem podzielić na pół aby były dwa kolory, po pół dla każdego i na środku (wyżej lub niżej, próbowałem i tak i tak) slider ze zdjęciami (akurat też przerabiam kursy JS i tutaj też sobie trenowalem.

2: Wszystkie trzy elementy (niebieski, slider i rozowy) opakowałem w jednego diva i dałem mu flexboxa.

3: Niebieski i rozowy podzielilem po 50% a na slider dalem position:absolute i z-index aby byl tak jakby wyjęty z tego pojemnika. (inaczej mieszał mi z tłem i nie mam pojęcia jak mógłbym to zrobić inaczej)

4: Po tym jak już slider został wyjęty z pojemnika, musiałem go odpowiednio odsunąć od góry i lewej strony. I tutaj mam problem. Bo Jak to dopasować aby było RWD? Zawsze coś mi się chrzani, a to przesuwa go w dół, nawet poza divy i robi białe tło, a to w góre, a to nierówne marginesy. Nie mogę sobie z tym poradzić. Może jest jakiś inny sposób na wypozycjonowanie elementu w ten sposób co ja chce?

Mam nadzieje że wmiare jasno to opisałem, a teraz kod:

http://jsfiddle.net/khyg0wt4/3/

Zdjęcia i kod jsa na potrzeby tego pytania dalem w komentarz a za slider robi czerwony prostokąt.

<!DOCTYPE HTML>
<html lang="pl">

<head>
	<meta charset="utf-8" />

	<title>TYTUL</title>
	<meta name="description" content="OPIS GOOGLE" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<link href="css/style2.css" type="text/css" rel="stylesheet" />
	<link href="css/normalize.css" type="text/css" rel="stylesheet" />
	<link href="https://fonts.googleapis.com/css?family=Butterfly+Kids" rel="stylesheet"> 

	<!--<script type="text/javascript">

	var numer = Math.floor(Math.random()*5)+1;

	function zmienslajd()
	{
		numer++; if(numer>5) numer=1;

		var plik = "<img src=\"img/slider/slajd" + numer + "_640.jpg\" srcset=\"img/slider/slajd"+numer+"_1280.jpg 1280w, img/slider/slajd"+numer+"_1800.jpg 1800w\" />";

		document.getElementById("slider").innerHTML = plik;

		setTimeout("zmienslajd()", 5000);

	}



	</script>-->



</head>
		<body onload="zmienslajd()">
			<div id="calosc">
				<a href="#" id="M"><span class="imiona">Marcelek</span></a>
				<div id="slider">
				</div>
				<a href="#" id="T"><span class="imiona">Tosia</span></a>

			</div>





		</body>
</html>

body
{
	font-size: 16px;
	/*background-image: url("../img/tlo.png");
	background-position: center;
	background-size: cover;*/
	/*background-image: linear-gradient(#c8a2c8, #8fc5db);*/
	color: #eee;
	text-shadow: 2px 2px 2px black;
}

img
{
	max-width: 100%;
	display: block;
	height: auto;
}

a
{
	display: block;
	color: #eee;
	text-shadow: 2px 2px 2px black;
	text-decoration: none;
}

#calosc
{
	display: flex;
	width: 100%;
}

#M, #T
{
	width: 50%;
	text-align: center;
	font-size: 5em;
	letter-spacing: 5px;
	height: 100vh;
    font-family: 'Butterfly Kids', cursive;
}

#T
{
	background-color: #c8a2c8;
	border-left: 5px solid #8fc5db;
	transition: 0.5s ease-in-out;
}

#M
{
	background-color: #8fc5db;
	border-right: 5px solid #c8a2c8;
	transition: 0.5s ease-in-out;
}

.imiona
{
	display: block;
	margin-top: 20px;
}

#T:hover
{
	background-color: rgb(200, 162, 200, 0.8)

}

#M:hover
{
	background-color: rgb(143, 197, 219, 0.8)

}


#slider
{
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #fff;
	box-shadow: 2px 2px 2px black;
	position: absolute;
	left: 12.5%;
	max-width: 75%;
	top: 25%;
	background-color: red;
	width: 1000px;
	height: 300px;
}

Przed kilkoma minutami wyrzuciłem wszystkie media-queries, jest jeszcze inaczej niż było. Troche się już w tym wszystkim pogubiłem i mam nadzieje że daje dobry kod :)

P.s Dałem na JSfiddle (pierwszy raz) wyżej, może się przyda.

Pozdro

Warstwy maksimów w zbiorze punktów

Tue, 29 May 2018 11:25:19 +0000

Punkt p płaszczyzny dominuje nad punktem q jeżeli obydwie współrzędne p są większe od odpowiednich współrzędnych q: (px>qx) && py>qy). Punkt p należący do pewnego zbioru jest punktem maksymalnym tego zbioru, jeżeli żaden inny punkt zbioru nie dominuje nad p. Opracować program, który pobiera z wejścia standardowego, lub generuje losowo, zbiór punktów o współrzędnych całkowitych i dla każdego punktu wyznacza numer warstwy maksymalnej, do której ten punkt należy. Punkt należy do warstwy 1, jeżeli jest maksymalny w zbiorze; do warstwy 2, jeżeli jest maksymalny po usunięciu warstwy 1; itd. Dla małych konfiguracji program powinien umożliwiać prezentację pseudograficzną (znakową).

Dostałem takie zadanie do zrobienia i mam problem jak zrobić szukanie warstw maksymalnych. Nie mogę wymyślić jak to powinno być zrobione żeby:

Posortować punkty do kolejnych warstw
Zrobić układ współrzędnych z 4 ćwiartkami i zaznaczonymi na nim punktami bez rozjechania się całości

Wklejam co na tą chwilę udało mi się osiągnąć i bardzo proszę o pomoc.

#include <iostream>
#include <vector>
#include <algorithm>
#include <ctime>
using namespace std;

void Pseudograf(vector<pair<int, int> >& Punkty, int ile)
{
	cout << endl << endl;
	int MAX = 10;
	for (int y = MAX; y >= -MAX; y--)
	{
		cout << y % 10 << ": ";
		for (int x = -MAX; x <= MAX; x++)
		{
			for (int i = 0; i < ile; i++)
			{
				if (Punkty[i].first == x && Punkty[i].second == y)
				{
					cout << "o ";
				}
			}
			cout << ". ";
		}
		cout << endl;
	}
	cout << "   ";
	for (int x = -MAX; x < MAX; ++x)
	{
		cout << x % 10 << ' ';
	}
	cout << endl << endl;
}

void Sortowanie(vector<pair<int, int> >& Punkty, int ile)
{
	vector<pair<int, int> > Tymczasowy;
	sort(Punkty.begin(), Punkty.end());
	cout << endl << endl;
	for (int i = ile-1; i >= 0; i--)
	{
		Tymczasowy.push_back(make_pair(Punkty[i].first, Punkty[i].second));
	}
	Punkty.clear();
	for (int i = 0; i < ile; i++)
	{
		Punkty.push_back(make_pair(Tymczasowy[i].first, Tymczasowy[i].second));
		cout << "Punkt " << i + 1 << ": ";
		cout << Punkty[i].first << " " << Punkty[i].second << endl;
	}
}

int main()
{
	vector<pair<int, int> > Punkty;
	int ile, zakres_od, zakres_do, wartosc_x, wartosc_y;
	srand(time(NULL));

	int m = 0;
	while (m > 3 || m < 1)
	{
		Punkty.clear();
		system("cls");
		cout << "********************MENU********************" << endl;
		cout << "1. Wprowadzanie danych z konsoli" << endl;
		cout << "2. Wprowadzanie danych losowych" << endl;
		cout << "3. Wyjscie z programu" << endl;
		cout << "********************************************" << endl;
		cout << "Wybieram: " << endl;
		cin >> m;
		system("cls");
		switch (m)
		{
		case 1:
			cout << "Podaj ilosc punktow do wprowadzenia" << endl;
			cin >> ile;
			for (int i = 0; i < ile; i++)
			{
				cout << "x:";
				cin >>wartosc_x;
				cout << "y:";
				cin >> wartosc_y;
				Punkty.push_back(make_pair(wartosc_x, wartosc_y));
			}
			cout << endl << endl;
			for (int i = 0; i < ile; i++)
			{
				cout << "Punkt " << i + 1 << ": ";
				cout << Punkty[i].first << " " << Punkty[i].second << endl;
			}
			Sortowanie(Punkty, ile);
			cout << endl << "Aby wrocic do MENU wpisz 0" << endl << "Aby wyjsc wpisz 3" << endl;
			cin >> m;
			break;
		case 2:
			cout << "Podaj ilosc punktow do wygenerowania" << endl;
			cin >> ile;
			cout << endl << "Podaj zakres" << endl;
			cout << "OD:";
			cin >> zakres_od;
			cout << "DO:";
			cin >> zakres_do;
			for (int i = 0; i < ile; i++)
			{
				wartosc_x = ((rand() % (zakres_do - zakres_od + 1)) + zakres_od);
				wartosc_y = ((rand() % (zakres_do - zakres_od + 1)) + zakres_od);
				Punkty.push_back(make_pair(wartosc_x, wartosc_y));
			}
			cout << endl << endl;
			for (int i = 0; i < ile; i++)
			{
				cout << "Punkt " << i + 1 << ": ";
				cout << Punkty[i].first << " " << Punkty[i].second << endl;
			}
			Sortowanie(Punkty, ile);
			Pseudograf(Punkty, ile);
			cout << endl << "Aby wrocic do MENU wpisz 0" << endl << "Aby wyjsc wpisz 3" << endl;
			cin >> m;
			break;
		case 3:
			exit(0);
			break;
		}
	}
}