RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-362117

Ram Ce's questions

Martin Hope
Ram Ce
Asked: 2020-05-04 20:59:35 +0000 UTC

如何对鼠标移动产生影响

  • 4

当鼠标在这个网站上移动时,我需要产生效果,请帮我实现这个footer或告诉我看哪个方向。谢谢

在此处输入图像描述

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-04-26 16:01:03 +0000 UTC

添加填充和背景

  • 0

var nav = $('.header__nav-link');
var toggler = $('.header__nav-toggle');

toggler.on('click', function() {
	nav.toggleClass('active');
})
header {
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.600) 0%, rgba(0, 0, 0, 0.600) 50%, rgba(0, 0, 0, 0.600) 100%), url(../img/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
	padding: 15px;
	box-sizing: border-box;
}

.header__top {
	display: flex;
	justify-content: space-between;
}

.header__logo {
	color: var(--main);
	font-family: 'Comic Neue', sans-serif;
	font-weight: 700;
	font-size: 45px;
}
nav {
	margin-top: 17px;
}

nav a {
	font-size: 19px;
}

nav a:not(:first-child) {
	margin-left: 4px;
}

.header__nav-toggle {
	display: none;
	font-size: 22px;
}

@media screen and (max-width: 600px) {

	.header__nav-link {
		display: none;
	}

	.header__nav-toggle {
		display: block;
		float: right;
	}

	.header__nav-link.active {
		display: block;
		margin-top: 13px;
	}
}
	<header>
		<div class="header__top">
		<span class="header__logo">Tesmi</span>
		<nav class="header__nav">
			<a href="#" class="header__nav-toggle">&#9776;</a>
			<a href="#" class="header__nav-link">Главная</a>
			<a href="#" class="header__nav-link">Услуги</a>
			<a href="#" class="header__nav-link">Навыки</a>
			<a href="#" class="header__nav-link">Команда</a>
			<a href="#" class="header__nav-link">Контакты</a>
		</nav>
	</div>
	</header>

我需要在移动版的菜单项之间在顶部和底部做一些边距,但是我做不到,我想在移动菜单项展开时设置一个半透明的背景。请帮我实现这一点

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-04-24 05:12:50 +0000 UTC

指定填充时,会出现水平滚动条

  • 1

当我header应用该属性时padding,会出现一个水平滚动条,请告诉我如何删除它。不是为了隐藏财产,overflow-x: hidden;而是为了纠正出现的原因

:root {
  --main: #12282C;
  font-family: 'Roboto', sans-serif;
}

html,
body {
  background: var(--mainColor);
  margin: 0;
  padding: 0;
}

a {
  color: var(--light);
  text-decoration: none;
}

a:hover {
  color: var(--light);
}

header {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.600) 0%, rgba(0, 0, 0, 0.600) 50%, rgba(0, 0, 0, 0.600) 100%), url(../img/background.jpg);
  min-height: 100vh;
  padding: 15px 0 0 15px;
}

.top-nav {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 22px;
  background: #232122;
}

.top-nav__circle {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
  margin: auto 0;
  margin-left: 6px;
}

.header__logo {
  color: var(--main);
  font-family: 'Comic Neue', sans-serif;
  font-weight: 700;
  font-size: 45px;
}
<div class="top-nav">
  <div class="top-nav__circle"></div>
  <div class="top-nav__circle"></div>
  <div class="top-nav__circle"></div>
</div>
<header>
  <div class="header__logo">
    <span>Tesmi</span>
  </div>
</header>

html
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-04-04 02:30:03 +0000 UTC

Django抛出奇怪的错误[关闭]

  • -3
关闭 这个问题是题外话。目前不接受回复。

该问题是由不再复制的问题或错字引起的。虽然类似的问题可能与本网站相关,但该问题的解决方案不太可能帮助未来的访问者。通常可以通过在发布问题之前编写和研究一个最小程序来重现问题来避免此类问题。

2年前关闭。

改进问题
def contactView(request):
    if request.method == 'POST':
        form = ContactForm(request.POST)
        recipient = 'tesmidev@gmail.com'
        if form.is_valid():
            name = form.cleaned_data['name']
            phone = form.cleaned_data['phone']
            try:
                send_mail(name, phone, 'onskrer@gmail.com', recipient)
        return HttpResponseRedirect('chp/thanks.html')
    else:
        #Заполняем форму
        form = ContactForm()
    #Отправляем форму на страницу
    return render(request, 'chp/thanks.html', {'form': form})
    return HttpResponseRedirect('chp/thanks.html')
    ^
IndentationError: unexpected unindent

错误是什么以及如何解决?

django
  • 2 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-03-11 20:30:23 +0000 UTC

mysqli 类的对象无法转换为字符串

  • -2
$card = mysqli_query(" $db, SELECT * FROM `products`");

错误

可恢复的致命错误:第 8 行的 F:\OSPanel\domains\chp\assets\php\config.php 中的类 mysqli 的对象无法转换为字符串

指这个请求,请帮我修一下,半个小时我不明白哪里错了

php
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-03-10 16:18:03 +0000 UTC

打开菜单时,内容下移

  • 0

如何使打开菜单时所有内容都向下一点以避免相互重叠?

$(document).ready(function () {
    var menuIcon = $('.menuIcon');
    menuIcon.on('click', function (e) {
        e.preventDefault;
        $(this).toggleClass('menuIconActive');
    });
    menuIcon.on('click', function () {
        if ($('#menu').hasClass('menuOpen')) {
            $('#menu').fadeOut(500);
        } else {
            $('#menu').fadeIn(500);
        }
        $('#menu').toggleClass('menuOpen');
    });
});
header {
   width: 100%;
   height: 70px;
   background: var(--dark);
}

.menu {
   display: none;
}


.menuItems {
   position: fixed;
   display: block;
   top: 0;
   right: 0;
   left: 0;
   margin-top: 70px;
   background: rgba(1, 0, 1, .25);
   z-index: 10;
   overflow: auto;

}

.menuItem {
   display: block;
   padding: 10px 0;
   text-align: center;
   color: var(--light);
   font-size: 18px;
   transition: all 1s;
   transition-delay: .0s;
   margin: 4px;
   z-index: 11;
}

.menuItem:hover::after,
.menuItem:hover::before {
   position: relative;
   font-size: 22px;
   color: var(--green);
   opacity: .7;
   transition: all 1s;
   transition-delay: .5s;
}

.menuIcon {
   position: relative;
   width: 50px;
   height: 50px;
   cursor: pointer;
}

.menuIcon a {
   display: block;
}

.menuIcon span,
.menuIcon span::before,
.menuIcon span::after {
   position: absolute;
   top: 69%;
   margin-top: -1px;
   left: 50%;
   margin-left: -10px;
   width: 20px;
   height: 2px;
   background-color: var(--light);
}

.menuIcon span::before,
.menuIcon span::after {
   content: '';
   display: block;
   transition: .3s;
}

.menuIcon span::before {
   transform: translateY(-7px);
}

.menuIcon span::after {
   transform: translateY(7px);
}

.menuIconActive span {
   height: 0;
}

.menuIconActive span::before {
   transform: rotate(45deg);
}

.menuIconActive span::after {
   transform: rotate(-45deg);
}

.logo {
   position: relative;
   bottom: 37px;
   left: 70px;
}

.logo span {
   color: var(--green);
   font-size: 30px;
   font-weight: 900;
}

.about {
   height: 800px;
   position: relative;
   padding: 40px 10px;
}

.about:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/background.png);
  z-index: -1;
  filter: blur(10px);
}

.wwc {
   display: flex;
   justify-content: center;
}

.wwcTable {
   padding: 20px 20px;
   border: 1px solid var(--light);
   color: var(--light);
   font-size: 22px;
   line-height: 45px;
}
<header>
      <div class="menu" id="menu">
         <div class="menuItems">
            <a href="#" class="menuItem">Главная</a>
            <a href="#" class="menuItem">О нас</a>
            <a href="#" class="menuItem">Контакты</a>
         </div>
      </div>
      <div class="menuIcon">
         <a href="#">
            <span></span>
         </a>
      </div>
      <div class="logo">
         <span>Tesmi</span>
      </div>
   </header>
   <main>
      <div class="about">
         <div class="wwc">
            <div class="wwcTable">
               <ul>
                  <li>Разработка веб-сайтов</li>
                  <li>Дизайн логотипов</li>
                  <li>Разработка продающих текстов</li>
                  <li>Дизайн полиграфии</li>
               </ul>
            </div>
         </div>
      </div>
   </main>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-03-10 15:15:44 +0000 UTC

由于模糊,内容不可见

  • 2

由于背景,该块的内容不可见a,请帮我修复它

.about {
   background: url(../img/background.png);
   height: 800px;
   filter: blur(10px);
}

.wwc {
   display: flex;
   justify-content: center;
}

.wwcTable {
   border: 1px solid var(--light);
}
<main>
      <div class="about">
         <div class="wwc">
            <div class="wwcTable">
               <ul>
                  <li>Разработка веб-сайтов</li>
                  <li>Дизайн логотипов</li>
                  <li>Разработка продающих текстов</li>
                  <li>Дизайн полиграфии</li>
               </ul>
            </div>
         </div>
      </div>
   </main>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-03-05 17:10:12 +0000 UTC

返回媒体查询动作

  • 1

我写了一个小的自适应菜单脚本,当屏幕宽度小于 999px 时,菜单消失并出现一个图标来打开这个菜单。但是如果你把它隐藏在一个小屏幕尺寸,然后增加浏览器尺寸(也就是让它大于999px),菜单就不会出现回来,希望我解释清楚。请帮助解决这个问题

$(document).ready(function() {
    var menuIcon = $('.menuIcon');
    menuIcon.on('click', function(e){
        e.preventDefault;
        $(this).toggleClass('menuIconActive');
    });
    menuIcon.on('click', function(){
        $('#menu').toggleClass('menuOpen');
        if($('#menu').hasClass('menuOpen')){
            $('#menu').fadeIn(500);
        } else {
            $('#menu').fadeOut(500);
        }
    });
    if ($(window).width() >= '999') {
        $('#menu').css(display, flex);
    }
});
header {
   width: 100%;
   height: 70px;
   background: var(--dark);
}

.menuItems {
display: flex;
justify-content: space-around;
}

.menuItem {
   display: inline-block;
   text-transform: uppercase;
}

.menuIcon {
   display: none;
   position: relative;
   width: 50px;
   height: 50px;
   cursor: pointer;
}

.menuIcon a {
   display: block;
}

.menuIcon span,
.menuIcon span::before,
.menuIcon span::after {
   position: absolute;
   top: 50%;
   margin-top: -1px;
   left: 50%;
   margin-left: -10px;
   width: 20px;
   height: 2px;
   background-color: var(--light);
}

.menuIcon span::before,
.menuIcon span::after {
   content: '';
   display: block;
   transition: .3s;
}

.menuIcon span::before {
   transform: translateY(-5px);
}

.menuIcon span::after {
   transform: translateY(5px);
}

.menuIconActive span {
   height: 0;
}

.menuIconActive span::before {
   transform: rotate(45deg);
}

.menuIconActive span::after {
   transform: rotate(-45deg);
}

@media screen and (max-width:999px) {
   .menu {
      display: none;
   }

   .menuIcon {
      display: inline-block;
   }

   .menuItems {
      position: fixed;
      display: block;
      top: 0;
      right: 0;
      left: 0;
      margin-top: 52px;
      background-color: var(--mainColor);
      z-index: 1000;
      overflow: auto;
   }

   .menuItem {
      display: block;
      padding: 10px 0;
      text-align: center;
      color: var(--light);
   }
}

.menuOpen .menuItem {
   display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<header>
      <div class="menu" id="menu">
         <div class="menuItems">
            <a href="#" class="menuItem">Главная</a>
            <a href="#" class="menuItem">Наша команда</a>
            <a href="#" class="menuItem">Приемущества</a>
            <a href="#" class="menuItem">Связь с нами</a>
         </div>
      </div>

      <!-- Mobile menu icon -->
      <div class="menuIcon">
         <a href="#">
            <span></span>
         </a>
      </div>
   </header>

html
  • 2 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-01-28 14:57:52 +0000 UTC

调整浏览器窗口大小时阻止屏幕消失

  • 0

在全屏上,一切看起来像这样:在此处输入图像描述. 当浏览器窗口的宽度缩小时,一切看起来是这样的:在此处输入图像描述 请帮忙整理一下。这样在全屏时“屋顶”就会全屏显示,当屏幕缩小时,您至少可以向左滚动以查看文本。谢谢

.content-about {
    display: flex;
    justify-content: space-around;
}

.about-title {
    width: 400px;
    color: white;
}

.about-title h3,
h4 {
    font-weight: 400;
}

.figure-about {
    height: 300px;
    width: 600px;
    margin: 15px 15px 0 0;
    background: #B1BA5C;
    position: relative;
}

.figure-about:before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    top: -100px;
    border-bottom: 100px solid #B1BA5C;
    border-left: 300px solid transparent;
    border-right: 300px solid transparent;
}
<div class="about">
        <div class="content-about">
            <div class="row">
                <div class="about-title">
                    <h3>Ремонт квартир</h3>
                    <h4>Ремонт квартир, офисов, коттеджей под ключ в Санкт-Петербурге и ЛО</h4>
                </div>
            </div>

            <div class="row">
                <div class="with-figure-about">
                    <div class="figure-about">
                    </div>
                </div>
            </div>
        </div>
    </div>

html
  • 1 个回答
  • 10 Views
Martin Hope
Ram Ce
Asked: 2020-12-12 22:35:16 +0000 UTC

无法排列对象

  • 2

我是网络新手,遇到了这个问题。图片必须在右侧,所有其他元素在左侧。让所有东西在垂直方向上都处于同一水平,但它只是这样出来的,在此处输入图像描述 请帮助解决问题。

.second-part {
  height: 4.67%;
  background-color: white;
  padding: 20px 30px;
  border: 15px dolid black;
  font-weight: 100;
}

.subtitle-for-second-part {
  display: flex;
}

.subtitle-for-second-part h2 {
  text-transform: uppercase;
}

.describe-for-second-subtitle {
  display: flex;
}

.describe-for-second-subtitle p {
  font-size: 12px;
}

.with-button-second-part {
  display: flex;
}

.button-second-part {
  border: 1px solid black;
  border-radius: 35px;
  background-color: white;
}

.with-phone-picture {
  display: flex;
  justify-content: flex-end;
}
<div class="second-part">
  <div class="subtitle-for-second-part">
    <h2>this is bouncy</h2>
  </div>
  <div class="describe-for-second-subtitle">
    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui <br> blanditiis praesentium voluptatum deleniti atque corrupti quos <br> dolores et quas molestias excepturi sint occaecati cupiditate non <br> provident, similique sunt in culpa qui officia
      deserunt mollitia <br> animi, id est laborum et dolorum fuga. Et harum quidem rerum <br> facilis est et expedita distinctio. </p>
  </div>
  <div class="with-button-second-part">
    <button class="button-second-part">Read more</button>
  </div>
  <div class="with-phone-picture">
    <img src="res/images/phone-for-second-part.png" alt="phone">
  </div>
</div>

html
  • 1 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5