Таңдаулы

#Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{

Жұмыста отырып, біршама видеоларды сайтқа салып, соның жүктеліп болғанын күтіп, дәптеріме бірдеңелер шимайлап отырып, көзімді ашып қалсам, мынандай бірдеңе сызып тастаппын.
Блог - Abylai: #Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{
Өөөө, мынау рас па? Шығаруға болады ма екен мынаны? Шимайыма сенбей, фотошопта тағы бір сызып көрдім.
Блог - Abylai: #Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{
Жасауға әбден болатын сияқты, видеоларым әлі жүктеліп жатыр екен, осы арада тез тез нотпатымды ашжверіп html мен css-те жасап тастадым. Шықты!

Түсінбегендерге, біздің алгоритміміз шамамен былай болмақ:
Блог - Abylai: #Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{

Енді код:
HTML-де бізге БЕС тег қажет. Ия, бір мұрт үшін БЕС тег көптеу әрине, бірақ уақымды алып, псевдоэлементтердің түбіне түскім келген жоқ, сондықтан, БЕС тег қолданамыз.
<div id="murt_box">
<div id="murt_left"></div>
<div id="murt_left_1"></div>
<div id="murt_right"></div>
<div id="murt_right_1"></div>
</div>


Ары қарата кеттік, алдымен #murt_box элементін ортаға орналастырып адламыз, бұл біздің мұрт орналасқан контейнет болады.
#murt_box {
	position: relative;
	width: 100px;
	margin: 100px auto;
}


Енді мұрттың бір жағын шығарып аламыз, #murt_left-тен бастайық.
#murt_left {
	width: 52px;
	height: 52px;
	background-color: #000;
	position: absolute;
	top: 100px;
	border-radius: 50%;
}

«Осы элементтің алдына» деген псевдоэлемент қолданамыз
#murt_left:before{
	content: '';
	position: absolute;
	background-color: #000;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	right: -38px;
	bottom: -11px;
	z-index: -1;
}

«Осы элементтен кейін» деген тағы псевдоэлемент қолданамыз
#murt_left:after{
	width: 220px;
	height: 220px;
	background-color: #fff;
	content: '';
	position: absolute;
	top: -212px;
	left: -67px;
	z-index: -1;
	-webkit-transform: rotate(-48deg);
	-moz-transform: rotate(-48deg);
	-o-transform: rotate(-48deg);
	transform: rotate(-48deg);
}

#murt_left_1 тегі біздің мұрттың керек емес жерлерін жасырып тұруға арналған.
#murt_left_1{
	position: absolute;
	background-color: #fff;
	width: 153px;
	height: 153px;
	border-radius: 50%;
	left: -129px;
	bottom: -137px;
}


ВУОЛЯЯЯ!!!
Блог - Abylai: #Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{

Дәол осындай ретпен, келесі #murt_right, #murt_right_1 элементтеріне де жазып шығамыз.
#murt_right {
	width: 52px;
	height: 52px;
	background-color: #000;
	position: absolute;
	top: 100px;
	left: 70px;
	border-radius: 50%;
}

#murt_right:before{
	content: '';
	position: absolute;
	background-color: #000;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	left: -38px;
	bottom: -11px;
	z-index: -1;
}

#murt_right:after{
	width: 220px;
	height: 220px;
	background-color: #fff;
	content: '';
	position: absolute;
	top: -212px;
	right: -67px;
	z-index: -1;
	-webkit-transform: rotate(48deg);
	-moz-transform: rotate(48deg);
	-o-transform: rotate(48deg);
	transform: rotate(48deg);
}
#murt_right_1{
	position: absolute;
	background-color: #fff;
	width: 153px;
	height: 153px;
	border-radius: 50%;
	right: -151px;
	bottom: -137px;
}


Нәтижесі мынадай болып шықты, анимациядағыдан өзгешелеу әрине, бірақ өзім ұқсаттым.
Блог - Abylai: #Мұрт - CSS3 мүмкідіктерін пайдалана отырып, мұрт жасаймыз :{

Бұл посттан біз нені үйрендік? )))
border-radius — элеменнің радиусын өзгертуге арналған.
transform: rotate() — элементті трансформациялау, бұру
:before — псевдоэлемент, «элементтің алдында» дегенді білдіреді. (content свойствосымен қатар қолданылады)
:after — псевдоэлемент, «элементтен кейін» дегенді білдіреді. (content свойствосымен қатар қолданылады)

Демосы мына жерде. http://hosting.users.kz/mysal/murt.html
Әрі қарай

Бір қолымен әлемді тербеткендер

Блог - MERmukhanov: Бір қолымен әлемді тербеткендер
Аруларға аша алсам жыр қақпаны —
Толқиды сезімімнің бұрқақтары.
Мүмкін емес сіз жайлы сыр тоқтауы,
Хауа Ананың аяулы ұрпақтары!

Бала кезден ең үздік көркем ісім —
Мен түсінгем орныңды еркек үшін.
Мен ұға бастағанмын қадіріңді,
Тыңдап жүріп әжемнің ертегісін.

Әйел сыйлау сор емес саналы ұлға,
Анадан туылған бар адамың да…
Пайғамбар сүннетімен білемін мен,
Жұмақ кілті — анамның табанында…

Махаббат – ешбір тоқтау қылмаған із,
Ол жайлы ауылда әлі тұнған аңыз:
Мен туарда анамды әкем сүйген,
Әкемізді бақытты қылды анамыз.

Әкемізді бақытты қылды анамыз,
Сол сезімнен туыпты бұл балаңыз.
Бір аруды сүйгеннен туған ұл ем,
Өзімнің де сүйгенім — бір ғана қыз…

Маңызың санамнан еш кетер емес,
Бұл қалай тілектерге жетелемес?
Нұр көктемді сіздің төл мерекеңіз
Бастауы да, негізі, бекер емес!

Бұйырыпты бір мейрам түсіп (ол шын),
Сол мейрамда бір жылдың күші болсын!
Үш жүз алпыс бес күннің бір күнінде,
Үш жүз алпыс бес бақыт құсы қонсын!

Бұл қазақ – жаулық сыйлар ел еді дөп, —
Мен сөйлейін қазақтың өрені боп:
Сізге бақыт тілеймін шын баянды,
Бізге бақыт сіз барда керегі жоқ!

Сіздерсіздер – бақытты селдеткендер,
Біздің үмітімізді өрлеткендер!
Бір қолымен бесікті тербеткенде,
Бір қолымен әлемді тербеткендер!
Әрі қарай

Менікі де емес бұл өлең, онікі де...

Өлеңге әркімнің-ақ бар таласы...: Менікі де емес бұл өлең, онікі де...

Бүгін менің туған күнім.
Ой, бәле-ай!
Мына адамдар неге жатыр тойлап-ай?!
Банкет жасау керек дейді неліктен,
Тағы да бір жыл кеткенін ойламай.

Мына дүние аяңдайды үндемей.
Неғып жатыр ел шындықты үрлемей?..
«Тағы да бір жасқа өзің қартайдың,
Жылжып өтіп кетті тағы жыл»,- демей.

Мына жұртқа
ұнады ма әлденем?!
Аз цинизм көрсеттім бе әлде мен?
«Қуанбаңдар, жыл өтсе егер» дегенді
Түсіндіре алмадым ба әуремен?!

Айтпаймын деп құпиямды, сырымды,
Басқа арнаға бұрып жүрем жырымды.
Мен, бәрібір, өзімменен өзіммін,
Құшағыңа алсаң-дағы ұлыңды.

… Тойлай берсін, тойыма ортақ етейін.
Ренжімей-ақ, «рахмет» деумен өтейін.
Қаламымды берші…
Өзім аламын,
Әлі бойдақ екенмін ғой, нетейін?..

Әрі қарай

Twitter желісіндегі жұлдыздардың сауаттылық деңгейі

«Бізде шоу-бизнес жоқ, бәрі той бизнеске айналып кеткен © Қазақ қоғамы»

Блог - Ispek92: Twitter желісіндегі жұлдыздардың сауаттылық деңгейі
Бізде әупірімдеп, сүйретіліп келе жатқан шоу-бизнес бар. Шоуын қайдам, бизнесін керемет дамытып жатыр…
«Ән мен атақтың жолында күнін де, түнін де қаладан-қалаға жетумен өткізетін жұлдыздарымыз кітап оқи ма екен осы?» — деген ой келеді. Оқитын шығар… ұшақта, пойызда уақыт табуға болады.
Уақыт демекші, жұлдыздарымыз әлеуметтік желілерде өз аккаунтын жүргізуге уақыт тауып жүр. Әсіресе, Twitter әлеуметтік желісінде көп олар, биыл көбейді.
«Біздің жұлдыздар да шетелдік жұлдыздармен иық тіресіп келеді, интернетті пайдаға асыра алады» — деп, марқайып қаламыз. Сосын түңілеміз. Тіпті еңірейміз. Болмаса, күлесіз.
Әрі қарай

Мүшейра! Жүлде - қолма-қол 10 000 теңге!

«Көзден кеттім» ©monti
"Құлақтан қайтып келдім" ©СаянҮш



Жер-мақанды басып жүргелі неше түрлі әнек естіп жүрміз. Бірақ айтушылар әдетте күлдіреміз деп алып, жылатып қояды. Немесе күлдіруге уәде беріп, өзі күледі. Бірақ "қазір күлесің нақ!" деп алып
Әрі қарай

Аида Жанарбекова (Қазақстан қыздар гандболы құрамасының шабуылшысы): Әр спортшының мақсаты – Олимпиада!

Гандбол — қазақ үшін таңсық спорт түрлерінің бірі. Гандбол ойнайтын қазақтар өте аз. Бүгін Гандболдан Қазақстан Ұлттық Құрамасының ойыншысы Аида Жанарбекованы таныстырғымыз келеді. Аида тек спортшы ғана емес, ол КерекИнфоның белсенді мүшесі. Сайттағы логині: Aidakonya

Біз білмейтін қазақтар: Аида Жанарбекова (Қазақстан қыздар гандболы құрамасының шабуылшысы): Әр спортшының мақсаты – Олимпиада!

– Гандболды таңдауыңа не себеп болды? Қашаннан бері айналысып келесің?
– Кішкентайымнан спорттың кез келген түріне бейім болдым. 5 сынып оқып жүргенімде дене шынықтыру пәнінің мұғалімдері Минеева Вера Ивановна және Юсупов Мажит Каримович мені гандбол үйірмесіне шақырды. Сол кезде гандболдан ештеңе білмейтінмін. Мені арнайы шақырғандықтан, жауапкершілікпен қатысып, ойнап жүрдім. Жаттығуды құр жібермейтінмін. Гандболға қызығуыма бапкерім де әсер етті. Ол кісі менің кумирім еді. Соған ұқсағым келді, оның ойы, пікір маған өте қызық болатын. Сондықтан, бар мүмкіндігімді салып жаттықтым. Қазір де сол тәртібімнен айныған жоқпын.
Әрі қарай

Махаббат деген немене? (Махаббат "Керекинфолықтар" көзімен)

«Махаббат апталығында» сайт беттерін ақтарып отырып махаббат туралы әр түрлі қызықты жазбалар мен пікірлерді оқыдым. Кейбірін оқып отырып күлкім келсе, кейбір пікірлер ой салды. Бұл жазбада Керектіктердің махаббат туралы ойларын (кеңес, пікір, болған оқиға) ұсынамын:





Әрі қарай