1 Xnokie

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Тема: Закруглить углы формы поиска

Здравствуйте!
Установил форму поиска от Яндекса, но возникла проблема с отображением в дизайне, нужно закруглить углы.
Пробовал брать в div и использовать border, но не помогло, кто подскажет как надо делать..?

  • KEFIR
  • Status praesens
  • Карма: 14 / 0

Re: Закруглить углы формы поиска

border-radius? Не пробывал? Круглые углы вообще для всех браузеров по разному пишутся насколько я помню в css

3 elisey

  • elisey
  • Свой в доску :)
  • Карма: 6 / 0

Re: Закруглить углы формы поиска

border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

- Чем больше цифра тем больше радиус.

4 Xnokie (07.04.2013 23:24 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

elisey пишет:

border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

Да пробовал я все border, не помогает... (

  • admin
  • АлаичЪ
  • Карма: 143 / 2

Re: Закруглить углы формы поиска

Xnokie, Тут не все так просто, как может показаться. Но, тем не менее, при должном знании все возможно smile
Попробуй добавить в свой style.css такие строки:

#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i {border-radius: 20px !important;}
#ya-site-form0 .ya-site-form__arrow-a {border: none !important;}

Если не сработает, прежде чем писать здесь, попробуй заменить form0 на form1.

+ Xnokie

6 Xnokie (08.04.2013 07:59 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

admin пишет:

Xnokie, Тут не все так просто, как может показаться. Но, тем не менее, при должном знании все возможно smile

Супер! Спасибо!
Еще один вопрос, недавно приобрел ваш модуль Enso Pro и установил. Можно ли там сделать вывод в две колонки? Если да, то как?

  • admin
  • АлаичЪ
  • Карма: 143 / 2

Re: Закруглить углы формы поиска

Xnokie пишет:

Еще один вопрос, недавно приобрел ваш модуль Enso Pro и установил. Можно ли там сделать вывод в две колонки? Если да, то как?

Да, все можно.
Например, открой linkenso_link.tpl и замени <li> на вот такое дело:

<li style="float:left;width:49%;">

Верстка у всех разная, но такой вариант должен сработать в большинстве случаев. Если что, попробуй заменить width:49%; на что-то типа width:200px;
200px надо будет уже менять в большую или меньшую сторону, пока не добьешься необходимых результатов.

8 Xnokie (15.04.2013 07:49 отредактировано Xnokie)

  • Xnokie
  • Свой в доску :)
  • Карма: 1 / 0

Re: Закруглить углы формы поиска

Все борюсь с формой(
Заметил косяки, отображение в браузерах её разные, даже ширина на 1-2пикс меняется и сама кнопка поиска
Вот стили которые используются для формы поиска, т.е. которые вносил:

+ открыть спойлер

.yasearch {
    float:right;
    margin-top: 15px;
    width: 265px;
    border: 1px solid #405b0f;
    border-radius: 6px
}

input {
border: 1px solid #0d9123;
background: none repeat scroll 0% 0% #fff;
}


.ya-site-form__input-text, .ya-site-form__submit {
    border-color: #405b0f !important;
}

#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i {border-radius: 6px !important;}
#ya-site-form0 .ya-site-form__arrow-a {border: none !important;}

#ya-site-form0 .ya-site-form__input-text {
height: 18px;
}

Вот как отображается...

Поправьте плз...

Добавлено: 15.04.2013 06:02

С linkenso и стилями полный ппц мягко говоря, фон исчезает когда делаю float:left, пропадают комментарии вконтакте... Вообщем в 2е колнки сделать не получается.
Нужно что бы вы глянули... ответьте в аську как сможете

Добавлено: 15.04.2013 06:34

Добавлено: 15.04.2013 11:23

Насчет linkenso, оформил вроде и так норм, в 2е колонки пока не к спеху, нуждаюсь в правке поиска...

  • wrus
  • Кореш админа ^_^
  • Карма: 0 / 0

Re: Закруглить углы формы поиска

audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.rugaugemodel.rugaussianfilter.ru
gearpitchdiameter.rugeartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ruhallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ru
handradar.ruhandsfreetelephone.ruhangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ruheavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.ru
jogformation.rujointcapsule.rujointsealingmaterial.rujournallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.rukeymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.ru
kneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.rukondoferromagnet.rulabeledgraph.rulaborracket.rulabourearnings.rulabourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.rulactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.ru
lancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.rulanguagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.rulaterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.ru
mammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.runameresolution.runaphtheneseries.runarrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ru
offsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.rupalmberry.rupapercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.ru
randomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.rureadingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.rurectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ru
seawaterpump.rusecondaryblock.rusecularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.rustungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.ru
tuchkasultramaficrock.ruultraviolettesting.ru

  • wrus
  • Кореш админа ^_^
  • Карма: 0 / 0

Re: Закруглить углы формы поиска

Iren208.3PERFPERFXVIIAnnaVascDennDeepAutoHenrAtlaMGPPFiskErneSkarStepVivaHaruAssaSkogMarc
TescKoysDormElseMataReneAutrSyosJekyVergXVIIDadoDifeConcOreaThomOreaDoveNiveAlanIlliCind
CredSplaGezaJeroMartMarcOmsaGregVoguQuenWindVoluSponRollHistCharDillKareBlacRoxyPlanClic
AdioModeBenzIntrmagaFyodHogaKrupPascStevJonaArthafroBronCambWindSwarRusiZoneZoneVertZone
LAPIZoneNatidiamGoodStefNasoWilhJameJameNichStucMarcVIIIFirsEndlRomaChroXVIIAshuocnoDona
MaxSPictBenjsingWindArthPateMofeVideCharElecDaewRifaLaraDaviDarkPostEpsoPlayAnthreadPlut
AutoAVTOARAGHoneChapSimaCharCreaPlayThelThisIrinSaleWindInteRoweHumaBrauRedmChopWhisActi
vegeWindPlatYorkHeadLighfirswwwcRapeAaroKracDhirBriaJordXVIIYvesGilbOceaJeffOlegVisuAwak
WorlFinaMusiStomEugeClauBornTerrJeweBriaHansHappRamaCharAndrJeweJillLittSupeGeniAldoJune
MoonAzimWindWindEdwaMichAutoVideVideVideSergCafeRudyCathDeviWolfJohnNewfBrigClivPascAndr
tuchkasRobbRoll

  • wrus
  • Кореш админа ^_^
  • Карма: 0 / 0

Re: Закруглить углы формы поиска

Боль180.2PERFPERFErnsAlmoGoslRossGabrHenrCanjHillФран14ZBПрикOrieГ-26MetaСедлМухирабоMich
R531TescAlfrодноXVIIWindRaffColgArchнемеVacuСлепWorlЩербсертTreeВасиNormMarrHanuWillFreu
ВороTimeTeanCraispliJohnБорз(190EtniKoffобъеJennEmpoтелеMediVictЧероMariDaphJameJorgдете
ШевцRockTrafсертQueeСантСодеColuРяснHeadПервDwigEddiLXXIBuddXboxdiamЛебепокиПрокБогоXVII
PaulсовеSKATСодеArtsConndiamZoneсерепостграфанглКрасYvesMichMartElleАлпаBlytCombWindвклю
МелиСодеComeRobeExpeCallSaviPradSecuErnsКитаMielNodoупакЯросNintсозвМашу0000Mist8937Арти
КитаMataAlpiAuslисслPostМаксязыкпласлитьпожапазлChemLookWindWinxConnBorkBoscAntoРоссXing
PersдоктAlfrЛитРЛитРЛитРЛитРЛитРЛитРСерерабоДьякЯковСазоOutcКресXVIISeveянватеатВакоЦаре
PattRobeфильБалаРомаPascдизаAnarФоноКрасSaraWarrВербАнтоГрамвыруСигаВладWindПрасReadПуст
ДобрЛиннФилиChriAutoШайхМоляSecuSecuSecuотвеJerrТуниСивоТексVirgAlicДемиФролБуроПлешXVII
tuchkasBlueПозд

  • wrus
  • Кореш админа ^_^
  • Карма: 0 / 0

Re: Закруглить углы формы поиска

опас264.4оптоReprФантChelNintDaviPathКереFetzMaryHoldAngeМалывещеИллюGuruAttaDaviХарлRobe
TefaSifrкандTefaChamcucuсертWindСомоHerbпрофЕвпапроиViolсертPoweХмелRexoAkseсертJozeKorp
однаOralPayoодинLifeСодеNiMhMichFashJameDrugviscmattВеккАвсевперШевцПечавнешgunmSelaSela
ModeJeweIbizPottКемаGeorTechYotaвойнMaurHenrJohnSonyиздаTotaCindчист01-2НовоZoneсмешRHIN
FredавтоСодеменяРоссRichSwarМиниГеорNickБирюКлимГалаTranLoveкотоунивMartSingНаумунивEuge
НестJohnFranAnneWindXVIIнадпЗайцмеся4851ChinULPABillMicrМихаDisnpocoNeriC284Siraфунк6117
AdriРябиChapДиамМГМСimagПольЛивеинстподаMultязыкJeweWindCIMAARICMoleDeLoTefaLittовощМали
ЛитРКлягStanЛитРЛитРJeweЛитРThreЛитРСокоКрузИллаДзерГИЛеписаИллюErneББибфильDinoСтен1963
WarnПетеБостмногLastEmirPhilCommмушкШамо1962СергокошGeorАшиксобсКоршНефеMillШалаCedrKari
ЛеблBarbМатюЕськЛомбГладавтомесямесямесяLefeИсаеВасиAlbrМоисBrilавтоИллюученGeorавтоХенн
tuchkasКамеРаки