Ram Ce提出的问题

Ram Ce

Asked: 2020-05-04 20:59:35 +0800 CST

如何对鼠标移动产生影响

4

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

Ram Ce

Asked: 2020-04-26 16:01:03 +0800 CST

添加填充和背景

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>

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

Ram Ce

Asked: 2020-04-24 05:12:50 +0800 CST

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

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>

Ram Ce

Asked: 2020-04-04 02:30:03 +0800 CST

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

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

Ram Ce

Asked: 2020-03-11 20:30:23 +0800 CST

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

-2

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

错误

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

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

Ram Ce

Asked: 2020-03-10 16:18:03 +0800 CST

打开菜单时，内容下移

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>

Ram Ce

Asked: 2020-03-10 15:15:44 +0800 CST

由于模糊，内容不可见

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>

Ram Ce

Asked: 2020-03-05 17:10:12 +0800 CST

返回媒体查询动作

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>

Ram Ce

Asked: 2020-01-28 14:57:52 +0800 CST

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

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>

Ram Ce

Asked: 2020-12-12 22:35:16 +0800 CST

无法排列对象

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>

如何对鼠标移动产生影响

添加填充和背景

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

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

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

打开菜单时，内容下移

由于模糊，内容不可见

返回媒体查询动作

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

无法排列对象

我看不懂措辞

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

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

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

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

Python解析野莓

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

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

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

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

Ram Ce's questions